Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
3
respuestas

[Proyecto] Creeper

PRESENTO MI SOLUCION AL CREEPER

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

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

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

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

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

    pincel.fillStyle = "black";    
    pincel.fillRect(140,150,70,100);

    pincel.fillStyle = "black";    
    pincel.fillRect(100,190,40,110);

    pincel.fillStyle = "black";    
    pincel.fillRect(210,190,40,110);

</script>
3 respuestas

Gracias por compartir. Saludos

me puedes ayudar? como se calcula como iran las coordenadas de cada parte del creeper

Que tal Michael Piter, es solamente analizar e imaginar como hsce el recorrido un pincel para empezar a dibujar, te explico recuerda que tenemos un Canva, que mide 600 * 400, dentro de este margen tenemos que dibujar a nuestro amigo creeper, empezando por su cabeza con pincel.fillStyle = "green" aqui recuerda que es una propiedad se le le asigna el color verde oscuro y a la funcion... pincel.fillRect(50,60,90,90) se le dice que empieze a dibujar una linea desde el eje de las x en la posición 60 pasos sobre el eje de las Y, luego se movera 90 pasos sobre el eje de las x, nuevamente se desplazara 90 pasos al eje de las y luego en el eje de las y sugiero que copies el codigo wue deje e intentes mover una cooordenafa a la vez para wue veas como funciona, saludos espero te sirva mi ayuda