1
resposta

Meu creeper.html

Prezados colegas,

Eis a minha solução:

<canvas id="creeper" width="350" height="300"></canvas>

<script type="text/javascript">
    var tela = document.getElementById("creeper");
    var pincel = tela.getContext("2d");

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

    // olhos
    pincel.fillStyle = "black";
    pincel.fillRect(45, 45, 255, 90);

    // espaço entre os olhos
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(135, 45, 80, 90);

    // nariz
    pincel.fillStyle = "black";
    pincel.fillRect(135, 135, 80, 100);

    // boca
    pincel.fillStyle = "black";
    pincel.fillRect(90, 200, 175, 300);

    // queixo
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(135, 245, 80, 65);
</script>

Grato pela atenção,

Dinaldo R. Trindade Jr.Brasília/DF

1 resposta

Oi, Dinaldo, tudo bem?

Ótimo código! Parabéns pelo resultado.

Obrigada por comartilhar conosco e bons estudos :}