<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Creeper</title>
</head>
<body>
<h1>Practica Canvas.</h1>
</body>
<canvas width="200" height="200"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//Cabeza del creeper
pincel.fillStyle = "darkgreen";
pincel.fillRect(200,50,350,300);
// cara del creeper
pincel.fillStyle = "black";
// ojos
pincel.fillRect(250,110,90,90);
pincel.fillRect(410,110,90,90);
//nariz
pincel.fillRect(340,200,70,100);
//bocas?
pincel.fillRect(300,240,40,110);
pincel.fillRect(410,240,40,110);
</script>