mirror of
https://github.com/google/blockly.git
synced 2026-01-06 08:30:13 +01:00
26901654ea
* refactor(generators): Introduce DartGenerator class, Order enum * refactor(generators): Use Order.* instead of .ORDER_* * refactor(generators): Don't rename dartGenerator
109 lines
3.8 KiB
JavaScript
109 lines
3.8 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2014 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
/**
|
|
* @fileoverview Generating Dart for colour blocks.
|
|
*/
|
|
|
|
import * as goog from '../../closure/goog/goog.js';
|
|
goog.declareModuleId('Blockly.Dart.colour');
|
|
|
|
import {dartGenerator, Order} from '../dart.js';
|
|
|
|
|
|
dartGenerator.addReservedWords('Math');
|
|
|
|
dartGenerator.forBlock['colour_picker'] = function(block) {
|
|
// Colour picker.
|
|
const code = dartGenerator.quote_(block.getFieldValue('COLOUR'));
|
|
return [code, Order.ATOMIC];
|
|
};
|
|
|
|
dartGenerator.forBlock['colour_random'] = function(block) {
|
|
// Generate a random colour.
|
|
dartGenerator.definitions_['import_dart_math'] =
|
|
"import 'dart:math' as Math;";
|
|
const functionName = dartGenerator.provideFunction_('colour_random', `
|
|
String ${dartGenerator.FUNCTION_NAME_PLACEHOLDER_}() {
|
|
String hex = '0123456789abcdef';
|
|
var rnd = new Math.Random();
|
|
return '#\${hex[rnd.nextInt(16)]}\${hex[rnd.nextInt(16)]}'
|
|
'\${hex[rnd.nextInt(16)]}\${hex[rnd.nextInt(16)]}'
|
|
'\${hex[rnd.nextInt(16)]}\${hex[rnd.nextInt(16)]}';
|
|
}
|
|
`);
|
|
const code = functionName + '()';
|
|
return [code, Order.UNARY_POSTFIX];
|
|
};
|
|
|
|
dartGenerator.forBlock['colour_rgb'] = function(block) {
|
|
// Compose a colour from RGB components expressed as percentages.
|
|
const red = dartGenerator.valueToCode(block, 'RED', Order.NONE) || 0;
|
|
const green = dartGenerator.valueToCode(block, 'GREEN', Order.NONE) || 0;
|
|
const blue = dartGenerator.valueToCode(block, 'BLUE', Order.NONE) || 0;
|
|
|
|
dartGenerator.definitions_['import_dart_math'] =
|
|
"import 'dart:math' as Math;";
|
|
const functionName = dartGenerator.provideFunction_('colour_rgb', `
|
|
String ${dartGenerator.FUNCTION_NAME_PLACEHOLDER_}(num r, num g, num b) {
|
|
num rn = (Math.max(Math.min(r, 100), 0) * 2.55).round();
|
|
String rs = rn.toInt().toRadixString(16);
|
|
rs = '0$rs';
|
|
rs = rs.substring(rs.length - 2);
|
|
num gn = (Math.max(Math.min(g, 100), 0) * 2.55).round();
|
|
String gs = gn.toInt().toRadixString(16);
|
|
gs = '0$gs';
|
|
gs = gs.substring(gs.length - 2);
|
|
num bn = (Math.max(Math.min(b, 100), 0) * 2.55).round();
|
|
String bs = bn.toInt().toRadixString(16);
|
|
bs = '0$bs';
|
|
bs = bs.substring(bs.length - 2);
|
|
return '#$rs$gs$bs';
|
|
}
|
|
`);
|
|
const code = functionName + '(' + red + ', ' + green + ', ' + blue + ')';
|
|
return [code, Order.UNARY_POSTFIX];
|
|
};
|
|
|
|
dartGenerator.forBlock['colour_blend'] = function(block) {
|
|
// Blend two colours together.
|
|
const c1 =
|
|
dartGenerator.valueToCode(block, 'COLOUR1', Order.NONE) || "'#000000'";
|
|
const c2 =
|
|
dartGenerator.valueToCode(block, 'COLOUR2', Order.NONE) || "'#000000'";
|
|
const ratio =
|
|
dartGenerator.valueToCode(block, 'RATIO', Order.NONE) || 0.5;
|
|
|
|
dartGenerator.definitions_['import_dart_math'] =
|
|
"import 'dart:math' as Math;";
|
|
const functionName = dartGenerator.provideFunction_('colour_blend', `
|
|
String ${dartGenerator.FUNCTION_NAME_PLACEHOLDER_}(String c1, String c2, num ratio) {
|
|
ratio = Math.max(Math.min(ratio, 1), 0);
|
|
int r1 = int.parse('0x\${c1.substring(1, 3)}');
|
|
int g1 = int.parse('0x\${c1.substring(3, 5)}');
|
|
int b1 = int.parse('0x\${c1.substring(5, 7)}');
|
|
int r2 = int.parse('0x\${c2.substring(1, 3)}');
|
|
int g2 = int.parse('0x\${c2.substring(3, 5)}');
|
|
int b2 = int.parse('0x\${c2.substring(5, 7)}');
|
|
num rn = (r1 * (1 - ratio) + r2 * ratio).round();
|
|
String rs = rn.toInt().toRadixString(16);
|
|
num gn = (g1 * (1 - ratio) + g2 * ratio).round();
|
|
String gs = gn.toInt().toRadixString(16);
|
|
num bn = (b1 * (1 - ratio) + b2 * ratio).round();
|
|
String bs = bn.toInt().toRadixString(16);
|
|
rs = '0$rs';
|
|
rs = rs.substring(rs.length - 2);
|
|
gs = '0$gs';
|
|
gs = gs.substring(gs.length - 2);
|
|
bs = '0$bs';
|
|
bs = bs.substring(bs.length - 2);
|
|
return '#$rs$gs$bs';
|
|
}
|
|
`);
|
|
const code = functionName + '(' + c1 + ', ' + c2 + ', ' + ratio + ')';
|
|
return [code, Order.UNARY_POSTFIX];
|
|
};
|