y=-300

​

function setup() {

  createCanvas(700, 700, WEBGL);

  background(248)

  noStroke();

  smooth();

}

​

function draw() {

​

  translate(x,y); 

  ambientLight(255);

  directionalLight(255,255, 255, 255, 255, -100);

  rotateX(mouseX/2);

  rotateY(mouseX/2);

  rotateZ(mouseX/2);

  let shades = ["#F5BE00", "#2F2F6B", "#C4001E", "#3F5E2D"];  

  let shade = random(shades);

  c = color(shade);

  fill(c); 

  let shapes = [ box, cylinder, cone];

  let shape = random(shapes);

  if (shape == cone){

  shape(random(15,25), random(15,35),4)}

  else {shape(random(15,25), random(15,35))}

  x=x+60;

  if (x>300) {

    x=-300; y=y+60;

  }

  if (y>300) {

    noLoop();

  }

}