let numeroParticulas = 100;
// arreglos
let posActualX = [];
let posActualY = [];
// cuánto es lo máximo que varía
let pasoMax = null;
function setup() {
createCanvas(400, 400);
background(255);
// tasa de refresco
frameRate(30);
for (let i = 0; i < numeroParticulas; i++) {
posActualX.push(random(width));
posActualY.push(random(height));
}
pasoMax = (1 * width) / 100;
}
function draw() {
fill(255, 10*255/100);
rect(0, 0, width, height);
for (let i = 0; i < numeroParticulas; i++) {
posActualX[i] = posActualX[i] + random(-pasoMax, pasoMax);
posActualY[i] = posActualY[i] + random(-pasoMax, pasoMax);
posActualX[i] = constrain(posActualX[i], 0, width);
posActualY[i] = constrain(posActualY[i], 0, height);
fill(random(255), random(255), random(255));
ellipse(posActualX[i], posActualY[i], 10, 10);
}
}