<canvas width="350" height="300"></canvas>
<script>
// Creeper
var pantalla = document.querySelector("canvas")
var pincel = pantalla.getContext("2d")
pincel.fillStyle = "#FAFAFA"
pincel.fillRect(0,0,600,400)
pincel.fillStyle = "#3BA52E"
pincel.fillRect(0,0,350,300)
// ojos
pincel.fillStyle = "#242324"
pincel.fillRect(215,70,90,90)
pincel.fillStyle = "#242324"
pincel.fillRect(45,70,90,90)
pincel.fillStyle = "#000"
pincel.fillRect(215,120,40,40)
pincel.fillStyle = "#000"
pincel.fillRect(95,120,40,40)
// boca
pincel.fillStyle = "#242324"
pincel.fillRect(135,160,80,100)
pincel.fillStyle = "#242324"
pincel.fillRect(210,190,40,110)
pincel.fillStyle = "#242324"
pincel.fillRect(100,190,40,110)
pincel.fillStyle = "#000"
pincel.fillRect(135,190,80,30)
pincel.fillStyle = "#000"
pincel.fillRect(100,220,150,40)
</script>