Creeper Ejercicio | Lógica de programación: Practicando con juegos y animaciones | Alura Latam

Esta es mi solución para dibujar la cabeza de un creeper

<canvas width="600" height="400"> </canvas>

<script>
  var pantalla = document.querySelector("canvas");
  var pincel = pantalla.getContext("2d");

  pincel.fillStyle = "darkgreen"
  pincel.fillRect(125,50,350,300) //rectangulo 1 (cabeza)

  pincel.fillStyle = "black";
  pincel.beginPath(); //rectangulo 5
  pincel.moveTo(225,350);
  pincel.lineTo(225,240);
  pincel.lineTo(265,240);
  pincel.lineTo(265,350);
  pincel.moveTo(225,240);
  pincel.lineTo(265,240);
  pincel.fill();

  pincel.beginPath(); //rectangulo 6
  pincel.moveTo(335,350);
  pincel.lineTo(335,240);
  pincel.lineTo(375,240);
  pincel.lineTo(375,350);
  pincel.moveTo(335,240);
  pincel.lineTo(375,240);
  pincel.fill();

  pincel.fillRect(175,105,90,90); //rectangulo 2 (ojo)
  pincel.fillRect(335,105,90,90); //rectangulo 3 (ojo)

  pincel.fillRect(265,195,70,100); //rectangulo 4 (nariz)

</script>

¡Hola Maria!

Gracias por compartir tu solución para dibujar la cabeza de un creeper. Parece que estás utilizando la etiqueta canvas y el contexto 2D para dibujar formas y figuras en tu página web.

Tu código es bastante claro y fácil de entender, y parece que estás utilizando correctamente los métodos y propiedades del contexto 2D para dibujar las formas que necesitas.

Sin embargo, como no has especificado qué problema estás teniendo o qué necesitas ayuda para resolver, no puedo ofrecerte una respuesta específica. Si tienes alguna pregunta o problema con tu código, por favor házmelo saber y estaré encantado de ayudarte.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)