1
resposta

Creeper

O meu ficou assim:

        let quadro = document.querySelector('canvas');
        let pincel = quadro.getContext('2d');

        //cabeça
        pincel.fillStyle = "darkgreen";
        pincel.fillRect(130, 50, 350, 300);

        //olhos
        pincel.fillStyle = "black";
        pincel.fillRect(180, 110, 90, 90);

        pincel.fillStyle = "black";
        pincel.fillRect(340, 110, 90, 90);

        //nariz
        pincel.fillStyle = "black";
        pincel.fillRect(270, 200, 70, 110);

        //boca
        pincel.fillStyle = "black";
        pincel.fillRect(230, 240, 40, 110);

        pincel.fillStyle = "black";
        pincel.fillRect(340, 240, 40, 110);

Gostei do resultado, o desenho ficou igual, mesmo com coordenadas um pouco diferentes. Também incluí uma bordinha no style do canvas, pra poder visualizá-lo melhor.

1 resposta

Muito bom, Rebeca

Pratique sempre

Qualquer dúvida nos procure

Um abraço e bons estudos