createCanvas(400, 400,WEBGL);

} 

​

let fr = 7;

​

function draw() { 

  background(220);

  frameRate(fr)

var x= 0;

var x2=10;

  var r=10;

  var g=10;

  var b =10;

​

  let locX = mouseX - height / 2;

  let locY = mouseY - width / 2;

​

  ambientLight(50);

  directionalLight(255, 0, 0, 0.25, 0.25, 0);

  pointLight(0, 0, 255, locX, locY, 250);

​

  push();

  translate(-width / 4, 0, 0);

  rotateZ(frameCount * 0.02);

  rotateX(frameCount * 0.02);

  specularMaterial(250);

  box(100, 100, 100);

  pop();

​

for(x=0;x<=width;x=x+100){

​

    fill(r,g,b);

    ellipse(x,mouseX,30,x2);}

  if(mouseIsPressed){ 

    x2=x2+30;

    r=random(0,255);

    g=random(0,255);

    b=0;     

    fr = 5;  

  }

​

​

function setup() {

  createCanvas(400, 400,WEBGL);

  textsize = 24;

}

​

​

​

​

​

​

​

}