Actividad 26. Proyecto: Haz que llueva

 1. Da clic al siguiente enlace: Haz que Llueva

2. A continuación se describen las pautas del proyecto con su respectiva calificación. En este proyecto la forma de obtener la calificación de 50 es desarrollando cada uno de los ítems de la lista. Cada ítem cuenta con su respectivo peso en la nota:

1. Agrega más elementos al lienzo: nubes, montañas, etc. con sus respectivos colores. Recuerda que es un paisaje de lluvia (5 puntos)

2. Añade más gotas a los arreglos. (10 puntos)

3. Hazlo de modo que las gotas vuelvan a la parte superior una vez que hayan alcanzado la parte inferior, al usar un condicional. (10 puntos)

4. Haz un arreglo de colores, de modo que cada gota sea de un color diferente. (5 puntos)

5. Haz que lluevan otras cosas, como copos de nieve (al usar más comandos de figuras) o avatares (al usar los comandos de imagen). (5 puntos)

6. Hazlo de modo que cuando el usuario haga clic, se añada una nueva gota al arreglo. (5 puntos)

7. Inicializa los arreglos al usar un bucle for y la función random() al comienzo del programa. (10 puntos)

Recuerda guardar tu proyecto cada vez que trabajes en él para que sigas avanzando sin perder tu trabajo

3. Luego de que hayas terminado con la tarea debes dar clic en "Derivado"

4. Dale un nombre a tu proyecto y haz clic en el botón "Guardar":

5. Espera a que la página actualice. Copia el nuevo enlace generado por la página:

. El enlace copiado debes enviarlo pegándolo en el campo "Texto en línea" de la actividad, no es necesario enviar el enlace en un archivo de Word, PowerPoint o cualquier otro formato

Solución

var posicionlados = [100,150,200];

var yPositions = [0,50,150];

for(var x = 0 ; x<50; x ++) {

    posicionlados.push (random(0,680));

    yPositions.push (random(0,479));

    var colores = 50;}

    

draw = function() {

    background(90, 79, 97);

    for (var i = 0; i < posicionlados.length; i++) {

        noStroke();

    

    fill(168, 207, 250);

    

        var nubesX = 80;

        var nubesY = 40;

        

        ellipse (nubesX +250, nubesY, 300, 100);

        ellipse (nubesX, nubesY , 300, 100);

        ellipse (nubesX, nubesY, 300, 100); 

        

    fill(0, 255, 157);

    ellipse (posicionlados [ i ], yPositions [ i ] +90, 10, 10);

    yPositions [ i ] += 10;

    image (getImage("avatars/leaf-orange"),posicionlados [ i ] -45, yPositions [ i ] +90, 35, 35);

    image (getImage("avatars/primosaur-seed"),posicionlados [ i ] +20, yPositions [ i ] +90, 48, 48);

    image (getImage("avatars/piceratops-seed"),posicionlados [ i ] +79, yPositions [ i ] +90, 30, 30);

    

    fill(16, 55, 163);

    ellipse(posicionlados [ i ] -70, yPositions [ i ] +90, 12, 12);

    fill(0, 255, 98);

    ellipse (posicionlados [ i ] +144, yPositions [ i ] +90, 12, 12);

    if (yPositions [ i ] > 450) { yPositions [ i ] =0;

    

    

    }

    }

    

};

mouseClicked = function () { 

    posicionlados.push (mouseX);

    yPositions.push (mouseY);

};