STEM Projects

let stage = 1;

function setup() {

createCanvas(500, 500, WEBGL);

}

function draw() {

let framePosition = frameCount % 250;

orbitControl();

background(205, 105, 94);

noStroke();

rotateX(100 * 0.01);

rotateZ(50 * 0.01);

// LIGHTS

pointLight(220, 220, 220, -20, 0, 300);

ambientLight(110, 110, 110);

if(framePosition <= 100) {

fill(248, 222, 126);

cylinder(framePosition * 0.8, 50, 50, 50);

if(framePosition >= 100) stage = 2;

}

if(framePosition <= 200 && framePosition > 100) {

fill(248, 222, 126);

cylinder(80, 50, 50, 50);

fill(0, 75, 180);

translate(-25, 15, 0);

cylinder((framePosition - 100)/2, 70, 50, 50);

if(framePosition >= 200) stage = 3;

}

if(framePosition > 200) {

fill(248, 222, 126);

cylinder(80, 50, 50, 50);

fill(0, 75, 180);

translate(-25, 15, 0);

cylinder(200 / 4, 70, 50, 50);

}

}