1
resposta

Cabeça do creeper

Apesar das coordenadas terem ficado um pouquinho diferentes, no final deu tudo certo :)

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

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

//FUNDO
brush.fillStyle = "lightblue";
brush.fillRect(0,0,600,400);

//CABEÇA DO CREEPER
brush.fillStyle = "green";
brush.fillRect(100,50,350,300);

//OLHO ESQUERDO DO CREEPER
brush.fillStyle = "black";
brush.fillRect(150,100,90,90);

//"NARIZ" DO CREEPER
brush.fillRect(240,190,70,120);

//OLHO DIREITO DO CREEPER
brush.fillRect(310,100,90,90);

//BOCA DO CREEPER 1 
brush.fillRect(200,240,40,110);

//BOCA DO CREEPER 2
brush.fillRect(310,240,40,110);

</script>
1 resposta

Na programação dificilmente dois programas ficam 100% iguais a não ser que seja cópia.

O legal mesmo é pegar os exemplos e usar a criatividade.