Vibrating Particles - OpenProcessing

mySketch
xxxxxxxxxx
 
let chouquette = [
  'rgba(106, 210, 231, 0.5)',
  'rgba(250, 104, 0, 0.5)',
  'rgba(243, 132, 48, 0.5)',
  'rgba(198, 244, 98, 0.5)',
  'rgba(255, 107, 107, 0.5)',
  'rgba(250, 204, 0, 0.5)',
  'rgba(232, 125, 2, 0.5)',
  'rgba(202, 232, 105, 0.5)',
  'rgba(0, 169, 199, 0.5)',
  'rgba(63, 191, 202, 0.5)',
  'rgba(174, 225, 55, 0.5)',
  'rgba(208, 231, 80, 0.5)',
  'rgba(78, 189, 233, 0.5)',
  'rgba(37, 174, 228, 0.5)',
  'rgba(249, 214, 36, 0.5)',
  'rgba(240, 122, 25, 0.5)',
  'rgba(239, 169, 46, 0.5)',
  'rgba(136, 197, 38, 0.5)',
  'rgba(190, 242, 2, 0.5)',
  'rgba(250, 42, 0, 0.5)',
  'rgba(0, 178, 255, 0.5)',
  'rgba(127, 255, 36, 0.5)',
  'rgba(194, 255, 102, 0.5)',
  'rgba(200, 255, 0, 0.5)',
  'rgba(19, 205, 75, 0.5)',
  'rgba(126, 112, 215, 0.5)',
  'rgba(187, 233, 7, 0.5)',
  'rgba(192, 250, 56, 0.5)',
  'rgba(170, 255, 0, 0.5)',
  'rgba(255, 170, 0, 0.5)',
  'rgba(255, 0, 170, 0.5)',
  'rgba(170, 0, 255, 0.5)',
  'rgba(0, 170, 255, 0.5)',
  'rgba(255, 255, 0, 0.5)'
];
​
let x = []; // Positions horizontales
let y = []; // Positions verticales
let d = []; // Diamètres
let c = []; // Couleurs
​
let dx = 0;
let dy = 10;
​
let particleCount = 500;
​
let diagonal;
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  background(255);
  noStroke();
  
  diagonal = sqrt(windowWidth * windowWidth + windowHeight * windowHeight)/8;
  
  for(let i=0;i<particleCount;i++) {
    x.push(int(random(0, windowWidth)));
    y.push(int(random(0, windowHeight)));
    d.push(int(random(0, 24)));
    c.push(color(chouquette[ int( random(0, chouquette.length) ) ]));
  } 
}
​
function draw() {
  background(255);
  
  for(let i=0;i<particleCount;i++) {
    fill(c[i]);
    let distance = dist(x[i], y[i], mouseX, mouseY);
    let scale = map(constrain(distance, 0, diagonal), 0, diagonal, 12, 0.8);
    circle(x[i]+noise(x[i]+dx,y[i]+dx)*8-4, y[i]+noise(x[i]+dy,y[i]+dy)*8-4, scale*d[i]);
  }
  
  dx = dx + 0.05;
  dy = dy + 0.05;
}
​
​
​
​
​
​
​