調和と改革
var x = -200;
var x2 = 900;
var x3 = -400;
var x4 = 400;
var x5 = -450;
var y = -450;
var clear1 = 255;
var clear2 = 255;
var clear3 = 255;
var clear4 = 255;
var clear5 = 100;
var size = 300;
var size2 = 0;
var size3 = 0;
var linelength = -450;
var angle = 0;
var angle2 = 0;
var i = 0;
function setup() {
createCanvas(700,700);
background(255);
angleMode(DEGREES)
}
function draw() {
if(linelength<800){
background(255);
}
x = x+5;
clear1 = clear1-1.5
x2 = x2-5;
clear2 = clear2-1.5
if(x>350){
x = 350;
x2 = 350;
size = size+10;
}
if(angle<180){
if(size>1500){
linelength = linelength+10;
}
}
if(linelength>800){
linelength = 801;
angle = angle+1;
}
if(x3<550){
if(angle>=180){
angle = 180;
size2 = size2+10;
}
}
if(size2>1500){
clear3 = 0;
x3 = x3+10;
x4 = x4-10;
}
if(x3>550){
stroke(0);
angle = angle+1;
}
if(angle>=360){
stroke(255);
}
if(size3<1500){
if(angle>=540){
angle = 540;
size3 = size3+20;
}
}
if(size3>=1500){
stroke(255,255,255,clear4);
clear4 = 0;
angle = angle+5;
if(i<90||i>120){
y = y+5;
x5 = x5+5;
i = i+1;
}else{
y = y-5;
x5 = x5-5;
i = i+1;
}
}
if(y>600){
x = -200;
x2 = 900;
x3 = -400;
x4 = 400;
x5 = -450;
y = -450;
clear1 = 255;
clear2 = 255;
clear3 = 255;
clear4 = 255;
clear5 = 100;
size = 300;
size2 = 0;
size3 = 0;
linelength = -450;
angle = 0;
angle2 = 0;
i = 0;
background(255);
}
strokeWeight(0);
fill(100,115,200,clear1);
ellipse(x,350,size);
fill(100,200,115,clear2);
ellipse(x2,350,size);
fill(255,255,255,clear3);
ellipse(350,350,size2);
fill(255,255,255);
ellipse(350,350,size3);
strokeWeight(5);
translate(width / 2, height / 2);
rotate(angle);
if(angle<180){
stroke(0);
line(0,-550,0,linelength);
}
strokeWeight(0);
fill(200,0,100,clear5);
ellipse(x5,y,200);
fill(50,0,200,clear5);
ellipse(x5,-y,200);
fill(0,200,100,clear5);
ellipse(-x5,y,200);
fill(0,100,200,clear5);
ellipse(-x5,-y,200);
strokeWeight(5);
line(-800,50,x3,50);
line(800,-50,x4,-50);
}