Script animation de pluie et boucle

**Soma1337** · 29/11/2019, 19h43

Bonjour tout le monde,
Je viens de me mettre sur Javascript et après quelque cours en ligne et exercices, je me suis mis dans l'idée de faire une petite animation de pluie.

Dans un premier je cherche a pouvoir faire revenir ma goutte en haut de l’écran quand celle-ci arrive en bas, mais sans effet de rebond.
Je dois avouer que j'ai beau essayer tout un tas de chose, relire les doc relatif au condition etc mais je bloque. je n'arrive pas à faire que ma goutte coule en continue.
Pourriez-vous me donner une petite astuce svp ? ^^

Voici mon code pour le moment :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var xPositions = [200];
var yPositions = [0];
 
draw = function() {
    background(204, 247, 255);
 
 
 
    for (var i = 0; i < xPositions.length; i++) {
 
        noStroke();
        fill(0, 200, 255);
        ellipse(xPositions[i], yPositions[i], 10, 10);
        yPositions[i] += 5;
        if (i>xPositions.length) {
             i=0;
         }
    }
 
};

Merci d'avance =)