3
respostas

O rosto do Creeper centralizado na tela.

Segue meu código. bem simples mas quebrei a cabeça antes de olhar o gabarito rsrs

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

<script>

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

    //canvas
    pincel.fillStyle = "lightgrey";
    pincel.fillRect(0, 0, 600, 400);

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


    pincel.fillStyle = "black";
    pincel.fillRect(265, 200, 70, 100); //nariz
    pincel.fillRect(175, 110, 90, 90); //olho 1
    pincel.fillRect(335, 110, 90, 90); //olho 2
    pincel.fillRect(225, 240, 40, 110); //boca 1
    pincel.fillRect(335, 240, 40, 110); //boca 2


</script>
3 respostas

Meu maior problema sempre é com as coordenadas certinhas na tela kkk

Também kkk, fiquei meia hora testando as coordenadas até encaixar

kkkk também fiquei testando um monte de vezes, mas uma coleta deu uma dica massa. Ela colocou em escala menor no excel para ter um direcionamento melhor. Achei massa!

tentem também. :D