let step, maxStep;

​

let img, img2;

let point_values;

​

let colors;

let paused;

​

function keyPressed() {

  if (key === " ") paused = !paused;

}

​

function getRandomInt(min, max) {

  min = Math.ceil(min);

  max = Math.floor(max);

  return Math.floor(Math.random() * (max - min) + min); //The maximum is exclusive and the minimum is inclusive

}

​

function getValue(x, y) {

  let scale = 0.005;

​

  return noiseGen.get3DNoise(x * scale, y * scale, z) * PI * 2;

}

​

function genPoints(p, s) {

  // beginShape();

  // stroke("#FF00FF")

  strokeWeight(p.weight);

  let _a;

  if (p.x < p.xstart) _a = map(p.x, 255, 0, p.xstart, 0);

  else _a = map(p.x, 255, 0, width, p.xstart);

​

  if (

    p.color._array[0] > 220 &&

    p.color._array[1] > 220 &&

    p.color._array[2] > 220

  )

    p.color._array[3] = 25 / 255;

  else p.color._array[3] = _a / 255;

  stroke(p.color);

​

  // if (p.simplex) {

    point(p.x, p.y);

    // vertex(p.x, p.y);

    for (let i = 0; i < p.lineSteps; i++) {

      let value = getValue(p.x, p.y);

      p.vx += Math.cos(value) * 0.01;

      p.vy += Math.sin(value) * 0.01;

      p.x += p.vx;

      p.y += p.vy;

      // vertex(p.x, p.y);

​

      let _a;

      if (p.x < p.xstart) _a = map(p.x, 255, 0, p.xstart, 0);

      else _a = map(p.x, 255, 0, width, p.xstart);

      // noStroke();

      // circle(p.x, p.y, 0.5);

      // fill(color(0,_a,0,_a));

​

      // if (p.color != color(255,0,255))

​

      if (

        p.color._array[0] > 220 &&

        p.color._array[1] > 220 &&

        p.color._array[2] > 220

      )

        p.color._array[3] = 25 / 255;

      else p.color._array[3] = _a / 255;

      stroke(p.color);

      strokeWeight(p.weight);

      // stroke(color(255,255,255,_a));

      // stroke(color(0, _a, 0, _a));

      // vertex(p.x, p.y);

      point(p.x, p.y);

    }

  // } else {

  //   stroke(p.color);

  //   strokeWeight(p.weight);

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

  // }

  // endShape(CLOSE);

}

​

function preload() {

  img = loadImage("lukasz-niescioruk-xVG-TpHG2NY-unsplash-smol.jpg");//"paul-green-5lRxNLHfZOY-unsplash.smol.jpg");

  img2 = loadImage("lukasz-niescioruk-xVG-TpHG2NY-unsplash-smol.jpg");//"paul-green-5lRxNLHfZOY-unsplash.smol.jpg");

  // Photo by <a href="https://unsplash.com/@luki90pl?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Łukasz Nieścioruk</a> on <a href="https://unsplash.com/s/photos/pumpkin?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>

}

​

function setup() {

  numLines = 250 * 3;

  // createCanvas(3840, 2160);

  createCanvas(1000, 1000);

  background(0);

  z = 0;

​

  // https://www.colourlovers.com/palette/2993131/twilight

  colors = [

    color("#C8705B"),

    color("#E8505B"),

    color("#C8505B"),

    color("#69505B"),

    color("#29505B"),

  ];

​

  point_values = [];

​

  img2.filter(THRESHOLD);

  img2.loadPixels();

  for (let i = 0; i < 10000; i++) {

    // for (let i = 0; i < 100000; i++) {

    let _x = random(width);

    let _y = random(height);

    let _c = img.get(_x, _y);

​

    if (_c[0] > 250 && _c[1] > 250 && _c[2] > 250) {

      let incol = colors[getRandomInt(0,colors.length)];

      incol._array[3] = 100/255;

      point_values.push({

        simplex: false,

        x: _x,

        y: _y,

        color: incol, //color(255, 0, 255, 100),

        weight: random(2, 10),

      });

    }

  }

​

  // img.filter(INVERT);

  img.loadPixels();

  for (let i = 0; i < 50000; i++) {

    // for (let i = 0; i < 100000; i++) {

    let _x = random(width);

    let _y = random(height);

    let _c = img.get(_x, _y);

​

    // if (_c[0] >= 200 && _c[1] >= 200 && _c[2] <= 100)

    //   point_values.push({'x':_x,'y':_y,'color':color(_c[0],_c[1],_c[2])});

    // else if (_c[0] <= 100 && _c[1] >= 200 && _c[2] <= 100)

    point_values.push({

      simplex: true,

      x: _x,

      y: _y,

      color: color(_c[0], _c[1], _c[2]),

      weight: random(0.25, 1.5),

    });

  }

  // image(img,0,0);

​

  step = point_values.length-1;//0;

  maxStep = point_values.length;

  // maxStep = height/0.5;

​

  noiseGen = new FastSimplexNoise();

  // noiseGen = new FastSimplexNoise({frequency:1,octaves:1});

  //{ frequency: 0.01, octaves: 4 });

​

  noFill();

  strokeWeight(0.25);

  // stroke(color(255));

}

​

function draw() {

  if (!paused) {

    // noLoop();

    // let startx = width/2 + random(-100,100);

    // let y = random(height);

    let startx = point_values[step].x;

    let y = point_values[step].y;

    let _color = color(255, 255, 255, 255);

    let _weight = random(0.25, 1.5); //0.5;

    let lineSteps = 50; //numLines;

    if (random() > 0.9) {

      // _color = color(random(255), random(255), random(255));

      // _weight = 10;

      // _color = color(255,255,255,10);

      lineSteps *= 2;

    }

    let p = {

      x: startx,

      y: y,

      vx: 0,

      vy: 0,

      xstart: startx,

      ystart: y,

      color: point_values[step].color, //_color,

      weight: point_values[step].weight,

      lineSteps: lineSteps,

      simplex: point_values[step].simplex,

    };

    genPoints(p, step);

​

    // step++;

    // if (step > maxStep - 1) {

    step--;

    if (step <= 0) {

      console.log("done");

      noLoop();

    }

  }

  // noLoop();

}

​