let n = 500;

let pal;

let squiggliness = 1/1000;

let lineStroke = 1;

let freq = 4;

​

function setup () {

  createCanvas(windowWidth, windowHeight);

​

  pal = ["#04a3bd", "#f0be3d", "#931e18", "#da7901", "#247d3f", "#20235b"]

  updateParticles();

​

  noStroke();

  background(255);

}

​

function draw (){

  for (let p of particles) {

    p.draw();

    p.move();

    p.stop();

  }

}

​

function updateParticles(){

  particles = [];

  for(let x = 0; x<width; x+=freq){

    let x_ = x;

    let s_ = lineStroke;

    let cNum = floor(random(pal.length))

    let c_ = color(pal[cNum])

    particles.push(new Particle(x_, 0, s_, c_));

    particles.push(new Particle(x_, height, s_, c_));

  }

  for(let y = 0; y< height; y+=freq){

    let y_ = y;

    let s_ = lineStroke;

    let cNum = floor(random(pal.length))

    let c_ = color(pal[cNum])

    particles.push(new Particle(0, y_, s_, c_));

    particles.push(new Particle(width, y_, s_, c_));

  }

}

​

class Particle {

  constructor(x, y, s, c){

    this.x = x;

    this.y = y;

    this.size = s;

    this.c = c;

​

    this.alpha = 70; 

    this.dist = 0.75;

  }

  move(){

    let theta = noise(this.x * squiggliness, this.y * squiggliness) * PI * 2;

    let v = p5.Vector.fromAngle(theta, this.dist) 

    this.x += v.x;

    this.y += v.y;

    this.alpha *= 1;

  }

  draw(){

    fill(this.c)

    ellipse(this.x, this.y, this.size)

  }

  stop(){

    if(this.x>width || this.x<0){

      this.dist = 0;

    }

    if(this.y>height || this.height<0){

      this.dist = 0;

    }

  }

}

​

function windowResized () {

  resizeCanvas(windowWidth, windowHeight);

}

​