Color Inverter es-419 Explainer

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()

1 Like