Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] Creeper

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Diseñando gráficos con Canvas y actividad La cara de Creeper

por Emily Lucila Menchú Menchú
| 6k xp | 26 posts
<canvas width = "600" height = "400"></canvas>
<script>

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

    //Rectángulo 1 cabeza
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(200,50,350,300);

    //Rectángulo 2 ojo
    pincel.fillStyle = "black";
    pincel.fillRect(250,110,90,90);

    //Rectángulo 3 ojo
    pincel.fillRect(410,110,90,90);

    //Rectángulo 4 nariz
    pincel.fillRect(340,200,70,100);

    //Rectángulo 5
    pincel.fillRect(300,240,40,110);

    //Rectángulo 6
    pincel.fillRect(410,240,40,110);




</script>
1 respuesta
por Rafaela Rocha
| 2875.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Emily!

Por lo que puedo ver, estás creando un dibujo de un Creeper en un canvas utilizando JavaScript. ¿Tienes alguna pregunta específica sobre este código o necesitas ayuda con algo en particular?

Si lo que quieres es crear una animación con este dibujo, podrías intentar utilizar la función requestAnimationFrame de JavaScript para actualizar la posición del Creeper en el canvas y crear una sensación de movimiento. También podrías agregar interactividad al dibujo, por ejemplo, haciendo que el Creeper reaccione cuando el usuario hace clic en él.

Espero que esta información te sea útil. Si tienes alguna otra pregunta, no dudes en preguntar.

¡Espero haber ayudado y buenos estudios!

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