2
respostas

Resposta

2 respostas

Esse foi o meu código. Coloquei a coordenada de inicio para a cabeça em 125 para o eixo X e 50 para o eixo Y, para que ele ficasse centralizado, e as demais coordenadas eu fui tirando como parametro a forma que eu achei que ficava mais "bonitinho" o creeper kkkk !

<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>

Olá Raul, para colocar o seu código pressiona Ctrl-Alt-C, espero ter ajudado.