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

SOLUCIÓN - La cara de creeper

Le presento mi solución al proyecto de diseñar una cara de creeper desde canvas

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


pincel.fillStyle = 'lightgrey';
pincel.fillRect(0,0,600, 400);

pincel.fillStyle = 'darkgreen';
pincel.fillRect(125,50,350, 300);

pincel.fillStyle = 'black';
pincel.fillRect(175,100,90, 90);

pincel.fillStyle = 'black';
pincel.fillRect(335,100,90, 90);

pincel.fillStyle = 'black';
pincel.fillRect(265,190,70, 100);

pincel.fillStyle = 'black';
pincel.fillRect(225,240,40, 110);

pincel.fillStyle = 'black';
pincel.fillRect(335,240,40, 110);



1 respuesta

¡Hola Jeferson!

Gracias por compartir tu solución para el proyecto de diseñar una cara de creeper desde canvas. Veo que utilizaste el método fillRect() para dibujar los diferentes elementos de la cara del creeper. ¡Muy bien hecho!

Solo tengo una sugerencia para mejorar tu código. En lugar de repetir la línea pincel.fillStyle = 'black'; cada vez que dibujas un rectángulo negro, podrías definir el color negro al principio del código con pincel.fillStyle = 'black'; y luego simplemente utilizar pincel.fillRect() para dibujar los rectángulos negros. Esto hará que tu código sea un poco más limpio y fácil de leer.

¡Espero haber ayudado y buenos estudios!

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