2
respuestas

Creeper

Creeper con Canvas

let pantalla = document.querySelector("#creeper");
let pincel = pantalla.getContext("2d");
pincel.fillStyle = "green";
pincel.fillRect(0,0,350,300);

pincel.fillStyle = "black";
pincel.beginPath();
pincel.fillRect(50,60,90,90);
pincel.fillRect(210,60,90,90);

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

pincel.fillRect(100,190,40,110);
pincel.fillRect(210,190,40,110);
2 respuestas

¡Hola Carlos! ¡Deseo que estés bien!

¡Muchas Felicidades!

¡Gracias por compartir tu código con nosotros! Nos alegra mucho ver tu avance en las prácticas, éstas te darán un mayor fundamento en el aprendizaje. ¡Continua con ese mismo entusiasmo y no te desanimes!

Es importante recordar que, en lo esencial, para agilizar el tiempo de respuesta que damos a ustedes, estamos priorizando el foro para postear las dudas como: errores, bugs y cualquier otro problema referente a los cursos.

En cambio, si deseas compartir tu código, ideas o actividades dispusimos en Discord un canal exclusivo para ese fin (⛓┇comparte-tu-codigo) Allí la interacción con tus compañeros de estudios es mucho mayor y podrán ayudarte compartiendo sus conocimientos. ¡Ésta interrelación es muy productiva ya que puede ayudarte a expandir tu red de contactos!

Te dejo éste link que muestra donde puedes compartir tus actividades

¡Te deseo mucho éxito en tus estudios! y recuerda que aquí estaremos para apoyarte!

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

Hola Carlos, comparto mi código también, las únicas diferencia con tu código son las posiciones de inicio de la cabeza de Creeper.

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


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

    //head

    pincel.fillStyle = "darkgreen"; // propiedad
    pincel.fillRect(200,50,350,300); //funcion

    //eyes

    pincel.fillStyle = "black"; // propiedad
    pincel.fillRect(250,110,90,90); //funcion

    pincel.fillStyle = "black"; // propiedad
    pincel.fillRect(410,110,90,90); //funcion

    //nose

    pincel.fillStyle = "black"; // propiedad
    pincel.fillRect(340,200,70,100); //funcion

    //mouth

    pincel.fillStyle = "black"; // propiedad
    pincel.fillRect(300,240,40,110); //funcion

    pincel.fillStyle = "black"; // propiedad
    pincel.fillRect(410,240,40,110); //funcion
</script>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidadSaludos desde Perú.