1
resposta

Minha solução para fazer a cara do Creeper

As coordenadas ficaram diferentes, mas funcionou! Ainda consegui centralizar o creeper no meio da tag através das coordenadas de início da cabeça.

<script>
            var tela = document.querySelector("canvas");
            var pincel = tela.getContext("2d");

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

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

            //nariz
            pincel.fillRect(260,200, 70, 100)

            //bocas
            pincel.fillRect(220,220, 40, 110)       
            pincel.fillRect(330,220, 40, 110)

        </script>
1 resposta

Oi Gabrielle, achei uma boa solução, eu demorei para conseguir alinhar. além disso, o teu código tá bem organizado. Muito legal....