Explicador de Inversor de color
Objetivo de este acertijo: Crear una función que devuelva un color para usar en drawBox()
Tutorial de la solución: En este acertijo, escribirás una función que tome un color y devuelva la versión invertida de ese color, que luego se puede usar en la función drawBox()
.
Primero, una breve explicación sobre el color y drawBox()
.
La función drawBox()
toma un object con las propiedades red
, green
y blue
. Cada propiedad es un número entre 0 y 255. Por ejemplo, el color rojo sería un object con red: 255
y green
y blue
se definen en 0.
La función invert()
toma uno de estos objects y resta cada uno de estos valores de 255. Esto encontrará el color invertido (opuesto). Por ejemplo, si tenemos un object verde:
{
red: 0,
green: 255,
blue: 0
}
La función invert()
devolverá:
{
red: 255,
green: 0,
blue: 255
}
Esto creará un color rosa/morado.
Para completar el acertijo, termina la función invert()
. Define la propiedad green
en 255 - object.green
y la propiedad azul en 255 - object.blue
. La función de llamada en la parte inferior del código.
Solución del código de ejemplo:
let color = {
red: 255,
green: 0,
blue: 100
};
function invert(object) {
let newObject = {
red: 255 - object.red,
green: 255 - object.green,
blue: 255 - object.blue
};
return newObject;
}
drawBox(color);
drawBox(invert(color));
Conceptos de JavaScript: objects, propiedades, funciones, declaraciones return
Conceptos de Grasshopper: drawBox()