Color Inverter pt-br Explainer

Explicação de Inversor de cor

Objetivo do desafio: Criar uma função que retorne uma cor para usar em drawBox()

Passo a passo da solução: Neste desafio, você escreverá uma função que pega uma cor e retorna a versão invertida dessa cor, que pode então ser usada na função drawBox().

1º, uma rápida explicação sobre cores e drawBox:

A função drawBox() pega um objeto com as propriedades red, green e blue. Cada propriedade tem um número entre 0 e 255. Por exemplo, a cor vermelha seria um objeto com vermelho: 255 e green e blue definidos como 0.

A função invert() pega um desses objetos e subtrai cada um desses valores de 255. Assim a cor invertida (ou oposta) será encontrada. Por exemplo, se tivermos um objeto verde:

{
    red: 0,
    green: 255,
    blue: 0
}

A função invert() retornará:

{
    red: 255,
    green: 0,
    blue: 255
}

Será criada a cor rosa/púrpura.

Para concluir o desafio, termine a função invert(). Coloque a propriedade green em 255 - object.green e a propriedade azul em 255 - object.blue. A função de chamada no final do código.

Solução do código de exemplo:

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

Conceitos de JavaScript: Objetos, Propriedades, Funções, Comandos de Retorno

Conceitos do Grasshopper: drawBox()

1 Like