let grid, particles;

let gfx;

​

function preload() {

  img = loadImage("logo.jpg");

}

​

function setup() {

  createCanvas(img.width, img.height);

  image(img, 0, 0);

  gfx = createGraphics(width, height);

  noiseDetail(8, 0.75);

​

  gfx.background(255);

​

  grid = [];

  particles = [];

​

  // let cols = {};

  loadPixels();

  stroke(color(255, 0, 255));

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

    grid[y] = [];

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

      let c = color(get(x, y));

​

      let n = noise(x * 0.01, y * 0.01);

      let a = map(n, 0.0, 1.0, -PI,PI);// -TWO_PI * 8, TWO_PI * 8);

​

      grid[y][x] = { n: n, a: a };

​

      if (red(c) < 250 && green(c) < 250 && blue(c) < 250) {

        if (random() > 0.75) {

          particles.push({ x: x, y: y, l: random(50, 150) });

        }

      }

​

      // let idx = `${red(c)}:${green(c)}:${blue(c)}`;

​

      // if (cols[idx] === undefined) cols[idx] = 0;

      // else cols[idx]++;

    }

  }

//   let y2 = int(height/2);

//   let d = PI;

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

//     grid[y2][x] = {n:0,a:d};

//     if (x > width/2) d = 0;

//   }

  // console.log(cols);

  saveGif("gvsu.gif", 6);

}

​

function draw() {

  image(gfx, 0, 0);

  for (let i = particles.length - 1; i >= 0; i--) {

    let p = particles[i];

​

    gfx.point(p.x, p.y);

​

    let a = grid[int(p.y)][int(p.x)].a;

    p.x += cos(a);

    p.y += sin(a);

    p.l--;

​

    if (p.x < 0 || p.x > width - 1 || p.y < 0 || p.y > height - 1 || p.l <= 0)

      particles.splice(i, 1);

  }

  // console.log(particles.length)

  if (particles.length == 0) {

    console.log("done");

    noLoop();

  }

}

​