[Proyecto] Práctica : CREEPER

A continuacipon dejo el código que desarrollé para esta práctica:

<style>
  body { background-color: lightgrey; }
</style>
<canvas width="600" height="400"></canvas>

<script>

  const d = document

  const $canvas = d.querySelector("canvas")
  const brush = $canvas.getContext("2d")
  let canvasW = $canvas.getAttribute("width")
  let canvasH = $canvas.getAttribute("height")

  // brush.fillRect(x, y, width, height)

  // ##### Canvas #####
  brush.fillStyle = "white"
  brush.fillRect(0, 0, canvasW, canvasH)

  // ##### Head #####
  brush.fillStyle = "darkgreen"
  brush.fillRect(125, 50, 350, 300)

  brush.fillStyle = "black"
  // ##### Left eye #####
  brush.fillRect(175, 100, 90, 90)
  // ##### Right eye #####
  brush.fillRect(335, 100, 90, 90)
  // ##### Nose #####
  brush.fillRect(265, 190, 70, 100)
  // ##### Left moustache #####
  brush.fillRect(225, 240, 40, 110)
  // ##### Right moustache #####
  brush.fillRect(335, 240, 40, 110)

</script>