[Sugerencia] Cómo ser eficiente al momento de actualizar la página y realizar las figuras/características del Creeper?

Usar Visual Studio Code y la Extensión Live Preview...

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

<meta charset="UTF-8">
<body style="background-color: black;">
<canvas width="600" height="400"> </canvas>

<script>

    /*
        Rectángulo 1: 350, 300 (cabeza).
        Rectángulos 2 y 3: 90, 90 (ojos).
        Rectángulo 4: 70, 100 (nariz).
        Rectángulos 5 y 6: 40, 110 (parte de la boca). Su canvas debe     tener el tamaño de 600 x 400 pixeles.
    */

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

    pincel.fillStyle = "lightgrey"; //propiedad
    pincel.fillRect(0,0,600,400); //funcion

    pincel.fillStyle="darkgreen";
    pincel.fillRect(45,45,350,300);

    pincel.fillStyle="black";
    pincel.fillRect(95,95,90,90);
    pincel.fillRect(254,96,90,90);
    pincel.fillRect(185,185,70,100);
    pincel.fillRect(145,245,40,100);
    pincel.fillRect(255,245,40,100);


</script>
</body>

Hola , espero que esté bien.

Gracias por compartir tu código con nosotros, yo teste y está correcto contínua con tu estudos :)

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

Te recomiendo que puedes interactuar con el resto de nuestros compañero por nuestro Discord.

En virtud de que en Discord el alcance es mayor, la interacción es inmediata y llega a más compañeros y el foro solo quedaría para esclarecer cualquier duda que puedas tener sobre el contenido de los cursos

De esa manera si tienes algún comentario, opinión, recomendación o algún consejo sea por el Discord, con certeza por ahí llegará a más personas

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