mirror of
https://github.com/google/blockly.git
synced 2026-01-06 16:40:07 +01:00
New initial commit with .svn directories and their contents ignored.
This commit is contained in:
119
generators/javascript/colour.js
Normal file
119
generators/javascript/colour.js
Normal file
@@ -0,0 +1,119 @@
|
||||
/**
|
||||
* Visual Blocks Language
|
||||
*
|
||||
* Copyright 2012 Google Inc.
|
||||
* http://blockly.googlecode.com/
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
/**
|
||||
* @fileoverview Generating JavaScript for colour blocks.
|
||||
* @author fraser@google.com (Neil Fraser)
|
||||
*/
|
||||
'use strict';
|
||||
|
||||
goog.provide('Blockly.JavaScript.colour');
|
||||
|
||||
goog.require('Blockly.JavaScript');
|
||||
|
||||
|
||||
Blockly.JavaScript['colour_picker'] = function(block) {
|
||||
// Colour picker.
|
||||
var code = '\'' + block.getTitleValue('COLOUR') + '\'';
|
||||
return [code, Blockly.JavaScript.ORDER_ATOMIC];
|
||||
};
|
||||
|
||||
Blockly.JavaScript['colour_random'] = function(block) {
|
||||
// Generate a random colour.
|
||||
if (!Blockly.JavaScript.definitions_['colour_random']) {
|
||||
var functionName = Blockly.JavaScript.variableDB_.getDistinctName(
|
||||
'colour_random', Blockly.Generator.NAME_TYPE);
|
||||
Blockly.JavaScript.colour_random.functionName = functionName;
|
||||
var func = [];
|
||||
func.push('function ' + functionName + '() {');
|
||||
func.push(' var num = Math.floor(Math.random() * Math.pow(2, 24));');
|
||||
func.push(' return \'#\' + (\'00000\' + num.toString(16)).substr(-6);');
|
||||
func.push('}');
|
||||
Blockly.JavaScript.definitions_['colour_random'] = func.join('\n');
|
||||
}
|
||||
var code = Blockly.JavaScript.colour_random.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_COMMA) || 0;
|
||||
var green = Blockly.JavaScript.valueToCode(block, 'GREEN',
|
||||
Blockly.JavaScript.ORDER_COMMA) || 0;
|
||||
var blue = Blockly.JavaScript.valueToCode(block, 'BLUE',
|
||||
Blockly.JavaScript.ORDER_COMMA) || 0;
|
||||
|
||||
if (!Blockly.JavaScript.definitions_['colour_rgb']) {
|
||||
var functionName = Blockly.JavaScript.variableDB_.getDistinctName(
|
||||
'colour_rgb', Blockly.Generator.NAME_TYPE);
|
||||
Blockly.JavaScript.colour_rgb.functionName = functionName;
|
||||
var func = [];
|
||||
func.push('function ' + functionName + '(r, g, b) {');
|
||||
func.push(' r = Math.max(Math.min(Number(r), 100), 0) * 2.55;');
|
||||
func.push(' g = Math.max(Math.min(Number(g), 100), 0) * 2.55;');
|
||||
func.push(' b = Math.max(Math.min(Number(b), 100), 0) * 2.55;');
|
||||
func.push(' r = (\'0\' + (Math.round(r) || 0).toString(16)).slice(-2);');
|
||||
func.push(' g = (\'0\' + (Math.round(g) || 0).toString(16)).slice(-2);');
|
||||
func.push(' b = (\'0\' + (Math.round(b) || 0).toString(16)).slice(-2);');
|
||||
func.push(' return \'#\' + r + g + b;');
|
||||
func.push('}');
|
||||
Blockly.JavaScript.definitions_['colour_rgb'] = func.join('\n');
|
||||
}
|
||||
var code = Blockly.JavaScript.colour_rgb.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_COMMA) || '\'#000000\'';
|
||||
var c2 = Blockly.JavaScript.valueToCode(block, 'COLOUR2',
|
||||
Blockly.JavaScript.ORDER_COMMA) || '\'#000000\'';
|
||||
var ratio = Blockly.JavaScript.valueToCode(block, 'RATIO',
|
||||
Blockly.JavaScript.ORDER_COMMA) || 0.5;
|
||||
|
||||
if (!Blockly.JavaScript.definitions_['colour_blend']) {
|
||||
var functionName = Blockly.JavaScript.variableDB_.getDistinctName(
|
||||
'colour_blend', Blockly.Generator.NAME_TYPE);
|
||||
Blockly.JavaScript.colour_blend.functionName = functionName;
|
||||
var func = [];
|
||||
func.push('function ' + functionName + '(c1, c2, ratio) {');
|
||||
func.push(' ratio = Math.max(Math.min(Number(ratio), 1), 0);');
|
||||
func.push(' var r1 = parseInt(c1.substring(1, 3), 16);');
|
||||
func.push(' var g1 = parseInt(c1.substring(3, 5), 16);');
|
||||
func.push(' var b1 = parseInt(c1.substring(5, 7), 16);');
|
||||
func.push(' var r2 = parseInt(c2.substring(1, 3), 16);');
|
||||
func.push(' var g2 = parseInt(c2.substring(3, 5), 16);');
|
||||
func.push(' var b2 = parseInt(c2.substring(5, 7), 16);');
|
||||
func.push(' var r = Math.round(r1 * (1 - ratio) + r2 * ratio);');
|
||||
func.push(' var g = Math.round(g1 * (1 - ratio) + g2 * ratio);');
|
||||
func.push(' var b = Math.round(b1 * (1 - ratio) + b2 * ratio);');
|
||||
func.push(' r = (\'0\' + (r || 0).toString(16)).slice(-2);');
|
||||
func.push(' g = (\'0\' + (g || 0).toString(16)).slice(-2);');
|
||||
func.push(' b = (\'0\' + (b || 0).toString(16)).slice(-2);');
|
||||
func.push(' return \'#\' + r + g + b;');
|
||||
func.push('}');
|
||||
Blockly.JavaScript.definitions_['colour_blend'] = func.join('\n');
|
||||
}
|
||||
var code = Blockly.JavaScript.colour_blend.functionName +
|
||||
'(' + c1 + ', ' + c2 + ', ' + ratio + ')';
|
||||
return [code, Blockly.JavaScript.ORDER_FUNCTION_CALL];
|
||||
};
|
||||
Reference in New Issue
Block a user