Explicativo de Cuadriculado
Objetivo deste desafio Criar um padrão quadriculado usando cores de uma array.
Passo a passo da solução: O início do código cria uma array chamada colors
que contém apenas duas strings: 'black'
e 'white'
. Em JavaScript, os itens em uma array são numerados do início ao fim, começando em zero e aumentando como uma contagem normal. Isso significa que 'black'
é o item 0 da array colors
e 'white'
é o 1º item da array colors
. Você pode escolher um item específico de uma array usando o índice do item, que é apenas um número. Como você deseja que a 1ª caixa do quadriculado seja preta, é preciso usar o item 0 da array colors
usando colors[0]
. Agora que você sabe como acessar o item 'black'
na array, pode usá-la para desenhar uma caixa preta - basta colocá-la dentro de drawBox()
. Isso significa que drawBox(colors[0])
desenhará uma caixa preta (contanto que você não altere a 1ª cor listada na array colors
!). drawBox(colors[1])
sempre desenhará uma caixa que é a cor do 2º item da array colors
. Para fazer seu padrão quadriculado, é necessário continuar alternando entre drawBox(colors[0])
e drawBox(colors[1])
e verifique se tem uma newLine()
a cada três caixas.
Solução do código de exemplo:
(Toque abaixo para revelar)
var colors = [
'black',
'white'
];
drawBox(colors[0]);
drawBox(colors[1]);
drawBox(colors[0]);
newLine();
drawBox(colors[1]);
drawBox(colors[0]);
drawBox(colors[1]);
newLine();
drawBox(colors[0]);
drawBox(colors[1]);
drawBox(colors[0]);
Conceitos de JavaScript: Funções de chamada, identificadores, arrays, indexação, declaração de variável
Grasshopper Concepts: drawBox()
, newLine()