1
resposta

Creeper centralizado com parte interna dos olhos

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

<script>

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

    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400);

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


    // olhos
    pincel.fillStyle = 'black';
    pincel.fillRect(175, 115, 90, 90);
    pincel.fillRect(335, 115, 90, 90);

    // parte interna dos olhos
    pincel.fillStyle = 'grey';
    pincel.fillRect(235,175,30,30);
    pincel.fillRect(335,175,30,30);


    // boca
    pincel.fillStyle = 'black';
    pincel.fillRect(225, 240, 40, 110);
    pincel.fillRect(335, 240, 40, 110);


    // nariz
    pincel.fillStyle = 'black';
    pincel.fillRect(265, 205, 70, 100);

</script>    
1 resposta

Olá, Hálax! Tudo bem por aí?

Mandou bem.

Caso tenha ficado com alguma dúvida não deixe de compartilhar com a gente.

Continue praticando.

Bons estudos e até mais!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software