Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] La cara de creeper (modificado)

Hice esta pequeña modificación de los valores en la cara del creeper para que se vea más parecido al del juego, abajo de la imagen dejo el codigo.

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

<script>

    let pantalla = document.querySelector("canvas");
    let pincel = pantalla.getContext("2d");
    //cabeza
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(0,0,400,400);
    //ojos
    pincel.fillStyle = "black"
    pincel.fillRect(50,100,100,100);
    pincel.fillRect(250,100,100,100);
    //nariz
    pincel.fillRect(150,200,100,150);
    //boca
    pincel.fillRect(100,250,50,150);
    pincel.fillRect(250,250,50,150);

</script>
1 respuesta

¡Hola Kevin!

Gracias por compartir tu proyecto con nosotros. Veo que has hecho una modificación en la cara del creeper y has compartido el código.

Me parece que tu código es muy claro y fácil de entender. Sin embargo, me gustaría hacerte una sugerencia. En lugar de usar el método fillRect para dibujar la nariz, podrías usar el método fill para dibujar un triángulo. Sería algo así:

//nariz
pincel.fillStyle = "limegreen";
pincel.beginPath();
pincel.moveTo(200, 200);
pincel.lineTo(250, 350);
pincel.lineTo(150, 350);
pincel.fill();

De esta manera, la nariz se verá más parecida a la del creeper del juego.

Espero que esta sugerencia te sea útil. ¡Buen trabajo en tu proyecto!

¡Espero haber ayudado y buenos estudios!

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