Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Feito - "A cara do Creeper". O meu ficou centralizado. Dica: comece pelo nariz

Deixei o fundo com um cinza claro para conseguir visualizar onde começa e termina o canvas, como o instrutor ensinou.

Achei que centralizar o Creeper fosse uma exigência, mas quando testei o código do instrutor vi que o dele não estava no centro.

*Dica que funcionou pra mim: comece pelo nariz. Ele está no meio e vai te dar melhores referências para os cálculos que precisam ser feitos

Segue o código:

<canvas width="600" height="400"></canvas>

<script>

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400); // ÁREA TOTAL DO CANVAS

    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(125, 50, 350, 300); // ÁREA DA CABEÇA

    pincel.fillStyle = 'black';
    pincel.fillRect(175, 110, 90, 90); // OLHO ESQUERDO

    pincel.fillRect(335, 110, 90, 90); // OLHO DIREITO

    pincel.fillRect(265, 200, 70, 100); // NARIZ

    pincel.fillRect(225, 240, 40, 110); // PARTE ESQUERDA DA BOCA

    pincel.fillRect(335, 240, 40, 110); // PARTE DIREITA DA BOCA

</script>
1 resposta
solução!

Olá, Diego! Como vai?

Sua resolução ficou excelente! Parabéns pela dedicação, o código ficou ótimo.

Qualquer dúvida, estamos sempre por aqui.

Ótima semana e bons estudos!