38 lines
625 B
JavaScript
38 lines
625 B
JavaScript
let t=0, theta=0;
|
|
let t1,t2,t3,t4;
|
|
|
|
function setup(){
|
|
createCanvas(1000, 1000);
|
|
}
|
|
|
|
function draw(){
|
|
background(15,26,38);
|
|
theta += 0.01;
|
|
t = (Math.sin(theta)+1)/2;
|
|
|
|
t1 = (-t)^3 + 3*t^2 - 3*t + 1;
|
|
|
|
strokeWeight(5);
|
|
textSize(40);
|
|
|
|
noFill();
|
|
stroke(217, 16, 75);
|
|
rect(50, 175, 750, 50);
|
|
text('1.00', 850, 215);
|
|
fill(217, 16, 75);
|
|
rect(50, 175, t1*325, 50);
|
|
|
|
noFill();
|
|
stroke(51, 185, 255);
|
|
rect(50, 375, 750, 50);
|
|
text('1.00', 850, 415);
|
|
|
|
stroke(16, 255, 171);
|
|
rect(50, 575, 750, 50);
|
|
text('1.00', 850, 615);
|
|
|
|
stroke(221, 192, 76);
|
|
rect(50, 775, 750, 50);
|
|
text('1.00', 850, 815);
|
|
}
|