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