mirror of
https://github.com/google/blockly.git
synced 2026-01-09 01:50:11 +01:00
90b3f75d82
Our files are up to a decade old, and have churned so much, that the initial author of the file no longer has much meaning. Furthermore, this will encourage developers to post to the developer group, rather than emailing Googlers (usually me) directly.
89 lines
3.6 KiB
JavaScript
89 lines
3.6 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2012 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
/**
|
|
* @fileoverview Generating JavaScript for colour blocks.
|
|
*/
|
|
'use strict';
|
|
|
|
goog.provide('Blockly.JavaScript.colour');
|
|
|
|
goog.require('Blockly.JavaScript');
|
|
|
|
|
|
Blockly.JavaScript['colour_picker'] = function(block) {
|
|
// Colour picker.
|
|
var code = Blockly.JavaScript.quote_(block.getFieldValue('COLOUR'));
|
|
return [code, Blockly.JavaScript.ORDER_ATOMIC];
|
|
};
|
|
|
|
Blockly.JavaScript['colour_random'] = function(block) {
|
|
// Generate a random colour.
|
|
var functionName = Blockly.JavaScript.provideFunction_(
|
|
'colourRandom',
|
|
['function ' + Blockly.JavaScript.FUNCTION_NAME_PLACEHOLDER_ + '() {',
|
|
' var num = Math.floor(Math.random() * Math.pow(2, 24));',
|
|
' return \'#\' + (\'00000\' + num.toString(16)).substr(-6);',
|
|
'}']);
|
|
var code = functionName + '()';
|
|
return [code, Blockly.JavaScript.ORDER_FUNCTION_CALL];
|
|
};
|
|
|
|
Blockly.JavaScript['colour_rgb'] = function(block) {
|
|
// Compose a colour from RGB components expressed as percentages.
|
|
var red = Blockly.JavaScript.valueToCode(block, 'RED',
|
|
Blockly.JavaScript.ORDER_NONE) || 0;
|
|
var green = Blockly.JavaScript.valueToCode(block, 'GREEN',
|
|
Blockly.JavaScript.ORDER_NONE) || 0;
|
|
var blue = Blockly.JavaScript.valueToCode(block, 'BLUE',
|
|
Blockly.JavaScript.ORDER_NONE) || 0;
|
|
var functionName = Blockly.JavaScript.provideFunction_(
|
|
'colourRgb',
|
|
['function ' + Blockly.JavaScript.FUNCTION_NAME_PLACEHOLDER_ +
|
|
'(r, g, b) {',
|
|
' r = Math.max(Math.min(Number(r), 100), 0) * 2.55;',
|
|
' g = Math.max(Math.min(Number(g), 100), 0) * 2.55;',
|
|
' b = Math.max(Math.min(Number(b), 100), 0) * 2.55;',
|
|
' r = (\'0\' + (Math.round(r) || 0).toString(16)).slice(-2);',
|
|
' g = (\'0\' + (Math.round(g) || 0).toString(16)).slice(-2);',
|
|
' b = (\'0\' + (Math.round(b) || 0).toString(16)).slice(-2);',
|
|
' return \'#\' + r + g + b;',
|
|
'}']);
|
|
var code = functionName + '(' + red + ', ' + green + ', ' + blue + ')';
|
|
return [code, Blockly.JavaScript.ORDER_FUNCTION_CALL];
|
|
};
|
|
|
|
Blockly.JavaScript['colour_blend'] = function(block) {
|
|
// Blend two colours together.
|
|
var c1 = Blockly.JavaScript.valueToCode(block, 'COLOUR1',
|
|
Blockly.JavaScript.ORDER_NONE) || '\'#000000\'';
|
|
var c2 = Blockly.JavaScript.valueToCode(block, 'COLOUR2',
|
|
Blockly.JavaScript.ORDER_NONE) || '\'#000000\'';
|
|
var ratio = Blockly.JavaScript.valueToCode(block, 'RATIO',
|
|
Blockly.JavaScript.ORDER_NONE) || 0.5;
|
|
var functionName = Blockly.JavaScript.provideFunction_(
|
|
'colourBlend',
|
|
['function ' + Blockly.JavaScript.FUNCTION_NAME_PLACEHOLDER_ +
|
|
'(c1, c2, ratio) {',
|
|
' ratio = Math.max(Math.min(Number(ratio), 1), 0);',
|
|
' var r1 = parseInt(c1.substring(1, 3), 16);',
|
|
' var g1 = parseInt(c1.substring(3, 5), 16);',
|
|
' var b1 = parseInt(c1.substring(5, 7), 16);',
|
|
' var r2 = parseInt(c2.substring(1, 3), 16);',
|
|
' var g2 = parseInt(c2.substring(3, 5), 16);',
|
|
' var b2 = parseInt(c2.substring(5, 7), 16);',
|
|
' var r = Math.round(r1 * (1 - ratio) + r2 * ratio);',
|
|
' var g = Math.round(g1 * (1 - ratio) + g2 * ratio);',
|
|
' var b = Math.round(b1 * (1 - ratio) + b2 * ratio);',
|
|
' r = (\'0\' + (r || 0).toString(16)).slice(-2);',
|
|
' g = (\'0\' + (g || 0).toString(16)).slice(-2);',
|
|
' b = (\'0\' + (b || 0).toString(16)).slice(-2);',
|
|
' return \'#\' + r + g + b;',
|
|
'}']);
|
|
var code = functionName + '(' + c1 + ', ' + c2 + ', ' + ratio + ')';
|
|
return [code, Blockly.JavaScript.ORDER_FUNCTION_CALL];
|
|
};
|