----- Coding Tutorial by Patt Vira ----- 

Name: Oscillating Wave Pattern (3D)

Video Tutorial: https://youtu.be/8rBsaJcpItI

​

Connect with Patt: @pattvira

https://www.pattvira.com/

----------------------------------------

*/

​

​

let boxes = [];

let size = 10; let cols, rows;

let margin = 50; let scl = 50; let speed = 0.05;

​

function setup() {

  createCanvas(400, 400, WEBGL);

  cols = (width - margin*2)/size;

  rows = (height - margin*2)/size;

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

    boxes[i] = [];

    for (let j=0; j<rows; j++) {

      let x = -width/2 + margin + size/2 + i*size;

      let y = -height/2 + margin + size/2 + j*size; 

      let z = 0;

      let distance = dist(x, y, 0, 0);

      let angle = map(distance, 0, width/2, 0, TWO_PI * 2);

      boxes[i][j] = new Box(x, y, z, angle, scl, speed);

    }

  }

}

​

function draw() {

  background(0);

  orbitControl();

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

    for (let j=0; j<rows; j++) {

      boxes[i][j].update();

      boxes[i][j].display();

    }

  }

}