xxxxxxxxxx
161
let x=0
function setup() {
createCanvas(400, 600);
}
function draw() {
background(220);
for (let i = 0; i<1000; i+=10) {
noFill()
stroke(0,149,199)
strokeWeight(4)
ellipse(200,300,i,i)
stroke(217, 24, 165)
strokeWeight(3)
ellipse(200,x,500-i,500-i)
stroke(15, 5, 252)
strokeWeight(3)
ellipse(x,300,500-i,500-i)
stroke(217, 24, 165)
strokeWeight(3)
ellipse(200,-x,500-i,500-i)
stroke(15, 5, 252)
strokeWeight(3)
ellipse(-x,300,500-i,500-i)
}
if(x>width){
x=0
}else{
x=x+3
}
// dotz
// going up x2
push();
translate(200 + sin(frameCount * 0.02)*100,
100 + sin(frameCount * 0.01)*10);
rotate(frameCount * 0.08);
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200-150,300-200,+ sin(frameCount*0.08)*50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(200-55,+ sin(frameCount*0.08)*300-200,50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200+55,300-200,+ sin(frameCount*0.08)*50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(200+150,+ sin(frameCount*0.08)*300-200,50,50)
// going up
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(200-150,+ sin(frameCount*0.08)*300-100,50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200-55,300-100,+ sin(frameCount*0.08)*50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(200+55,+ sin(frameCount*0.08)*300-100,50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200+150,300-100,+ sin(frameCount*0.08)*50,50)
// middle
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200-150,300,+ sin(frameCount*0.08)*50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(200-55,+ sin(frameCount*0.08)*300,50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200+55,300,+ sin(frameCount*0.08)*50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(200+150,+ sin(frameCount*0.08)*300,50,50)
// going down
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(+ sin(frameCount*0.08)*200-150,300+100,50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200-55,300+100,+ sin(frameCount*0.08)*50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(+ sin(frameCount*0.08)*200+55,300+100,50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200+150,300+100,+ sin(frameCount*0.08)*50,50)
// going down x2
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200-150,300+200,+ sin(frameCount*0.08)*50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(+ sin(frameCount*0.08)*200-55,300+200,50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
square(200+55,300+200,+ sin(frameCount*0.08)*50,50)
fill(245, 228, 0)
noStroke()
strokeWeight(3)
ellipse(+ sin(frameCount*0.08)*200+150,300+200,50,50)
pop()
}