<html>
<canvas width="350" height="300"></canvas>
<head>
<title>Creeper</title>
</head>
<body>
</body>
</html>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "lightgrey";
pincel.fillRect(0,0,350,300);
//cabeza
pincel.fillStyle = "darkgreen";
pincel.fillRect(0,0,350,300);
//ojo izquierdo
pincel.fillStyle = "black";
pincel.fillRect(35,40,90,90);
//ojo derecho
pincel.fillStyle = "black";
pincel.fillRect(215,40,90,90);
//boca central
pincel.fillStyle = "black";
pincel.fillRect(125,130,90,110);
//boca izquierda
pincel.fillStyle = "black";
pincel.fillRect(80,200,45,110);
//boca derecha
pincel.fillStyle = "black";
pincel.fillRect(215,200,45,110);
</script>
