<canvas width="400" height="300"></canvas>
<script>
//Rectangulo (cabeza del creeper)
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//Agregamos color
pincel.fillStyle = "darkgreen";
pincel.fillRect(20,20,400,300);
// Agreamos ojos
pincel.fillStyle = "black";
pincel.fillRect(85,75,75,65);
pincel.fillStyle = "black";
pincel.fillRect(230,75, 75, 65);
//Nariz
pincel.fillStyle = "black";
pincel.fillRect(160, 130, 70, 120);
//Bigotes
pincel.fillStyle = "black";
pincel.fillRect(120, 200, 50, 100);
pincel.fillStyle = "black";
pincel.fillRect(230, 200, 50, 100);
</script>