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

proyecto de creeper

codigo:

 <canvas width="350" height="300" style="border: 2px solid #000000;"></canvas>

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

     pincel.fillStyle="#19541B"//propiedad
     pincel.fillRect(0,0,350,300);//funcion


     pincel.fillStyle="#000000"//propiedad

     //funcion

     //eyes
     pincel.fillRect(50,60,90,90);
     pincel.fillRect(210,60,90,90);

     //nose
     pincel.fillRect(140,150,70,100);

     //mouth
     pincel.fillRect(210,200,40, 110);
     pincel.fillRect(100,200,40, 110);
    </script>
1 respuesta

¡Hola Jonathan!

Estás definiendo un canva de 350x300 píxeles y luego utilizando el contexto 2D para dibujar un rectángulo verde en todo el canva. Luego, estás dibujando los ojos, la nariz y la boca del creeper utilizando rectángulos negros.

Si estás buscando sugerencias para mejorar tu proyecto, podrías intentar agregar animaciones o interactividad para hacerlo más interesante. También podrías experimentar con diferentes formas y colores para hacer que tu creeper sea único.