abstraction (depth)

let c1, c2, hue, t, win, bd;

let points, colors, label;

​

function Pnt(x, y, z)

{

  this.x = x;

  this.y = y;

  this.z = z;

}

​

function setup() {

  createCanvas(windowHeight, windowHeight, WEBGL);

  colorMode(HSB, 360, 100, 100, 1);

  angleMode(DEGREES);

  label = createGraphics(100, 100);

  label.textSize(29);

  windowResized();

}

​

function windowResized() {

  if (windowWidth > windowHeight) win = windowHeight;

  else win = windowWidth;

  resizeCanvas(win, win);

  hue = random(180, 200);

  c1 = color(hue, random(80, 100), random(75,100));

  c2 = color(random(300, 360), random(80, 100), random(75,100));

  bd = win / 10;

  stroke(20);

  strokeWeight(1.5);

  points = [];

  colors = [];

  let num = random(25, 75);

  for (let i = 0; i < num; i++)

  {

    points.push(new Pnt(random(bd, win - bd), random(bd, win - bd), random(-bd * 4, bd * 4)));

    colors.push( color(random(300, 360), random(70, 100), random(75,100))); 

  }

}

​

function draw() {

  ambientLight(50); // white light

  //ambientMaterial(255, 102, 94); // magenta 

  pointLight(0, 0, 100, 0, 0, 0);

  camera(0, 0, -win * 1.25, 0, 0, 0, 0, 1, 0);

  background(c1);

  push();

  rotateY(180);

  translate(bd * -4.5, bd * 5.5);

  noStroke();

  fill(0,0,100,0.5);

  label.background(255);

  label.text('camera',10,50);

  texture(label);

  plane(bd * 4, bd * 3);

  pop();

  push();

  translate(-win / 2, -win / 2);

  shininess(1);

  for (let i = 0; i < points.length; i++) 

  {

    push();

    translate(points[i].x, points[i].y, points[i].z);

    fill(0,0,40,1);

    sphere(bd / 20);

    pop();

    let nearbors = 0;

    beginShape(TRIANGLE_STRIP);

    fill(colors[i], 0.25);

    for (let j = i + 1; j < points.length; j++)

    {

      var d = sqrt(pow(points[i].x - points[j].x, 2) + 

                 pow(points[i].y - points[j].y, 2) + pow(points[i].z - points[j].z, 2)); 

      if (d > bd * 1 && d < bd * 3)

      {

        vertex(points[i].x, points[i].y, points[i].z);

        vertex(points[j].x, points[j].y, points[j].z);

        nearbors++;

        if (nearbors > 4) break;

      }

    }

    endShape(CLOSE);

  }

  pop();

}

​

function keyPressed() {

  if (keyCode === 70) {

  windowResized();

  } else if (keyCode === 83) {

    saveCanvas("thumb", "png");

  }

}

​

function mousePressed()

{

  windowResized();

}