Esse exercício tem duas partes: a primeira parte é uma atividade mão na massa. Depois de realizar essa primeira etapa, você deve responder ao exercício de única escolha. Vamos lá? O Johann é um menino de 11 anos e adora jogar Minecraft. Minecraft é aquele jogo onde você constrói um mundo com blocos, como se fosse um Lego virtual. Ele gosta tanto que pediu um pôster de uma das personagens principais do jogo: o Creeper. O Creeper na verdade é um monstro (que explode ao se aproximar de um jogador) e tem mais ou menos essa cara:
A imagem mostra o rosto do Creeper numa versão 2D, que é composta por um quadrado na cor verde militar com dois olhos representados por dois quadrados menores, um ao lado do outro, ambos na cor preta. Abaixo, há a boca do personagem representada por três retângulos, no centro há um retângulo preto e em ambos os lados deste retângulo há outros dois retângulos pretos grudados, o que sugere uma boca semi-aberta.
Será que você consegue (re)criar essa imagem e desenhar a cabeça do Creeper? Siga os passos a seguir :
Criar um novo arquivo, por exemplo creeper.html. Definir a tag canvas. Criar um script com tela e pincel. Desenhar os retângulos através da função fillRect do pincel. Não esquecer de pintar os retângulos, aqui usamos as cores darkgreen e black. Na tentativa de desenhar essa figura, uma observação importante: repare que esse desenho é composto de retângulos! São 6 retângulos:
A imagem mostra o rosto do Creeper numa versão 2D, que é composta por um quadrado na cor verde militar , numerado com o número 1 no canto superior esquerdo na cor vermelha. O rosto possui dois olhos representados por dois quadrados menores, um ao lado do outro, ambos na cor preta e numerado com os números 2 e 3, na cor vermelha, nesta sequência . Abaixo, há a boca do personagem representada por três retângulos, no centro há um retângulo preto com o número quatro em vermelho, e em ambos os lados deste retângulo há outros dois retângulos pretos grudados, com os números 5 e 6, na cor vermelha, nesta sequência
Para facilitar um pouco mais, segue o tamanho (largura, altura) em pixels de cada retângulo:
Retângulo 1: 350, 300 (cabeça). Retângulos 2 e 3: 90, 90 (olhos). Retângulo 4: 70, 100 (nariz). Retângulos 5 e 6: 40, 110 (parte da boca). O seu canvas deve ter o tamanho de 600 x 400 pixels.
