SketchBook

錯覚

function setup() {
createCanvas(700, 700);


//中心円
PX=350
MX=350
MY=350
PY=350

UX=350
UY=350

CSM=500
CMM=300
CLM=700

R=0
G=0
B=0
}

function draw() {
 background(0);


noStroke();

R=R+1/3
G=G+1/3
B=B+1/3

if(frameCount>300){
R=230
G=G+1/10
B=B+1/10
}

if(frameCount>400){
R=0
G=0
B=0
}

if(frameCount>500){
R=230
G=G+1/10
B=B+1/10
}

fill(R-10,G,B)
rect(0,0,100,100)

fill(R-20,G-10,B-20)
rect(100,0,100,100)
fill(R-10,G-20,B-20)
rect(200,0,100,100)
fill(R-40,G-10,B)
rect(300,0,100,100)
fill(R-40,G-30,B)
rect(400,0,100,100)
fill(R,G-10,B)
rect(500,0,100,100)
fill(R-10,G-40,B)
rect(600,0,100,100)
fill(R-30,G-40,B)
rect(700,0,100,100)

fill(R,G-40,B-10)
rect(0,100,100,100)
fill(R-30,G-10,B)
rect(100,100,100,100)
fill(R-20,G-20,B-10)
rect(200,100,100,100)
fill(R,G-30,B-10)
rect(300,100,100,100)
fill(R-30,G,B-10)
rect(400,100,100,100)
fill(R-40,G,B-40)
rect(500,100,100,100)
fill(R,G,B-10)
rect(600,100,100,100)
fill(R,G-10,B)
rect(700,100,100,100)

fill(R-10,G-10,B)
rect(0,200,100,100)
fill(R-40,G-30,B-20)
rect(100,200,100,100)
fill(R-15,G-15,B)
rect(200,200,100,100)
fill(R,G,B-15)
rect(300,200,100,100)
fill(R-15,G,B)
rect(400,200,100,100)
fill(R,G-20,B)
rect(500,200,100,100)
fill(R-20,G,B)
rect(600,200,100,100)
fill(R,G,B)
rect(700,200,100,100)

fill(R,G-10,B-10)
rect(0,300,100,100)
fill(R-25,G,B)
rect(100,300,100,100)
fill(R,G-25,B-25)
rect(200,300,100,100)
fill(R-15,G-25,B)
rect(300,300,100,100)
fill(R-10,G,B-10)
rect(400,300,100,100)
fill(R-30,G-25,B)
rect(500,300,100,100)
fill(R,G-20,B-10)
rect(600,300,100,100)
fill(R,G-40,B-5)
rect(700,300,100,100)

rect(0,400,100,100)
fill(R-30,G-30,B-30)
rect(100,400,100,100)
fill(R,G-10,B-20)
rect(200,400,100,100)
fill(R-30,G,B)
rect(300,400,100,100)
fill(R-10,G-20,B)
rect(400,400,100,100)
fill(R-20,G-20,B-20)
rect(500,400,100,100)
fill(R-10,G,B-20)
rect(600,400,100,100)
fill(R-40,G,B)
rect(700,400,100,100)

fill(R,G-30,B)
rect(0,500,100,100)
fill(R-30,G-35,B)
rect(100,500,100,100)
fill(R-10,G-20,B-30)
rect(200,500,100,100)
fill(R-20,G-20,B-30)
rect(300,500,100,100)
fill(R,G,B-30)
rect(400,500,100,100)
fill(R-10,G-30,B-30)
rect(500,500,100,100)
fill(R-20,G-20,B)
rect(600,500,100,100)
fill(R,G,B-20)
rect(700,500,100,100)

fill(R-20,G-25,B-25)
rect(0,600,100,100)
fill(R-5,G-5,B-10)
rect(100,600,100,100)
fill(R-20,G,B-20)
rect(200,600,100,100)
fill(R,G-5,B)
rect(300,600,100,100)
fill(R-30,G-40,B-5)
rect(400,600,100,100)
fill(R-25,G,B-35)
rect(500,600,100,100)
fill(R,G-20,B-20)
rect(600,600,100,100)
fill(R-10,G-10,B-10)
rect(700,600,100,100)
stroke(255,255,255);
noFill()
//真ん中(小)
ellipse(PX,UY,CSM)//横
ellipse(MX,UY,CSM)//横
ellipse(UX,MY,CSM)//縦
ellipse(UX,PY,CSM)//縦
ellipse(PX,MY,CSM)
ellipse(MX,PY,CSM)
ellipse(MX,MY,CSM)
ellipse(PX,PY,CSM)

//真ん中(中)
ellipse(PX,UY,CMM)//横
ellipse(MX,UY,CMM)//横
ellipse(UX,MY,CMM)//縦
ellipse(UX,PY,CMM)//縦
ellipse(PX,MY,CMM)
ellipse(MX,PY,CMM)
ellipse(MX,MY,CMM)
ellipse(PX,PY,CMM)

//真ん中(小)
ellipse(PX,UY,CLM)//横
ellipse(MX,UY,CLM)//横
ellipse(UX,MY,CLM)//縦
ellipse(UX,PY,CLM)//縦
ellipse(PX,MY,CLM)
ellipse(MX,PY,CLM)
ellipse(MX,MY,CLM)
ellipse(PX,PY,CLM)

MX=MX-1/5
PX=PX+1/5
MY=MY-1/5
PY=PY+1/5

//右より(小)
ellipse(PX+350,UY,CSM)//横
ellipse(MX+350,UY,CSM)//横
ellipse(UX+350,MY,CSM)//縦
ellipse(UX+350,PY,CSM)//縦
ellipse(PX+350,MY,CSM)
ellipse(MX+350,PY,CSM)
ellipse(MX+350,MY,CSM)
ellipse(PX+350,PY,CSM)

//右より(中)
ellipse(PX+350,UY,CMM)//横
ellipse(MX+350,UY,CMM)//横
ellipse(UX+350,MY,CMM)//縦
ellipse(UX+350,PY,CMM)//縦
ellipse(PX+350,MY,CMM)
ellipse(MX+350,PY,CMM)
ellipse(MX+350,MY,CMM)
ellipse(PX+350,PY,CMM)

//右より(小)
ellipse(PX+350,UY,CLM)//横
ellipse(MX+350,UY,CLM)//横
ellipse(UX+350,MY,CLM)//縦
ellipse(UX+350,PY,CLM)//縦
ellipse(PX+350,MY,CLM)
ellipse(MX+350,PY,CLM)
ellipse(MX+350,MY,CLM)
ellipse(PX+350,PY,CLM)

//左より(小)
ellipse(PX-350,UY,CSM)//横
ellipse(MX-350,UY,CSM)//横
ellipse(UX-350,MY,CSM)//縦
ellipse(UX-350,PY,CSM)//縦
ellipse(PX-350,MY,CSM)
ellipse(MX-350,PY,CSM)
ellipse(MX-350,MY,CSM)
ellipse(PX-350,PY,CSM)

//左より(中)
ellipse(PX-350,UY,CMM)//横
ellipse(MX-350,UY,CMM)//横
ellipse(UX-350,MY,CMM)//縦
ellipse(UX-350,PY,CMM)//縦
ellipse(PX-350,MY,CMM)
ellipse(MX-350,PY,CMM)
ellipse(MX-350,MY,CMM)
ellipse(PX-350,PY,CMM)

//左より(小)
ellipse(PX-350,UY,CLM)//横
ellipse(MX-350,UY,CLM)//横
ellipse(UX-350,MY,CLM)//縦
ellipse(UX-350,PY,CLM)//縦
ellipse(PX-350,MY,CLM)
ellipse(MX-350,PY,CLM)
ellipse(MX-350,MY,CLM)
ellipse(PX-350,PY,CLM)

//上より(小)
ellipse(PX,UY-350,CSM)//横
ellipse(MX,UY-350,CSM)//横
ellipse(UX,MY-350,CSM)//縦
ellipse(UX,PY-350,CSM)//縦
ellipse(PX,MY-350,CSM)
ellipse(MX,PY-350,CSM)
ellipse(MX,MY-350,CSM)
ellipse(PX,PY-350,CSM)

//上より(中)
ellipse(PX,UY-350,CMM)//横
ellipse(MX,UY-350,CMM)//横
ellipse(UX,MY-350,CMM)//縦
ellipse(UX,PY-350,CMM)//縦
ellipse(PX,MY-350,CMM)
ellipse(MX,PY-350,CMM)
ellipse(MX,MY-350,CMM)
ellipse(PX,PY-350,CMM)

//上より(小)
ellipse(PX,UY-350,CLM)//横
ellipse(MX,UY-350,CLM)//横
ellipse(UX,MY-350,CLM)//縦
ellipse(UX,PY-350,CLM)//縦
ellipse(PX,MY-350,CLM)
ellipse(MX,PY-350,CLM)
ellipse(MX,MY-350,CLM)
ellipse(PX,PY-350,CLM)

//下より(小)
ellipse(PX,UY+350,CSM)//横
ellipse(MX,UY+350,CSM)//横
ellipse(UX,MY+350,CSM)//縦
ellipse(UX,PY+350,CSM)//縦
ellipse(PX,MY+350,CSM)
ellipse(MX,PY+350,CSM)
ellipse(MX,MY+350,CSM)
ellipse(PX,PY+350,CSM)

//下より(中)
ellipse(PX,UY+350,CMM)//横
ellipse(MX,UY+350,CMM)//横
ellipse(UX,MY+350,CMM)//縦
ellipse(UX,PY+350,CMM)//縦
ellipse(PX,MY+350,CMM)
ellipse(MX,PY+350,CMM)
ellipse(MX,MY+350,CMM)
ellipse(PX,PY+350,CMM)

//下より(小)
ellipse(PX,UY+350,CLM)//横
ellipse(MX,UY+350,CLM)//横
ellipse(UX,MY+350,CLM)//縦
ellipse(UX,PY+350,CLM)//縦
ellipse(PX,MY+350,CLM)
ellipse(MX,PY+350,CLM)
ellipse(MX,MY+350,CLM)
ellipse(PX,PY+350,CLM)

//右下より(小)
ellipse(PX+350,UY+350,CSM)//横
ellipse(MX+350,UY+350,CSM)//横
ellipse(UX+350,MY+350,CSM)//縦
ellipse(UX+350,PY+350,CSM)//縦
ellipse(PX+350,MY+350,CSM)
ellipse(MX+350,PY+350,CSM)
ellipse(MX+350,MY+350,CSM)
ellipse(PX+350,PY+350,CSM)

//右下より(中)
ellipse(PX+350,UY+350,CMM)//横
ellipse(MX+350,UY+350,CMM)//横
ellipse(UX+350,MY+350,CMM)//縦
ellipse(UX+350,PY+350,CMM)//縦
ellipse(PX+350,MY+350,CMM)
ellipse(MX+350,PY+350,CMM)
ellipse(MX+350,MY+350,CMM)
ellipse(PX+350,PY+350,CMM)

//右下より(小)
ellipse(PX+350,UY+350,CLM)//横
ellipse(MX+350,UY+350,CLM)//横
ellipse(UX+350,MY+350,CLM)//縦
ellipse(UX+350,PY+350,CLM)//縦
ellipse(PX+350,MY+350,CLM)
ellipse(MX+350,PY+350,CLM)
ellipse(MX+350,MY+350,CLM)
ellipse(PX+350,PY+350,CLM)

//左下より(小)
ellipse(PX-350,UY+350,CSM)//横
ellipse(MX-350,UY+350,CSM)//横
ellipse(UX-350,MY+350,CSM)//縦
ellipse(UX-350,PY+350,CSM)//縦
ellipse(PX-350,MY+350,CSM)
ellipse(MX-350,PY+350,CSM)
ellipse(MX-350,MY+350,CSM)
ellipse(PX-350,PY+350,CSM)

//左下より(中)
ellipse(PX-350,UY+350,CMM)//横
ellipse(MX-350,UY+350,CMM)//横
ellipse(UX-350,MY+350,CMM)//縦
ellipse(UX-350,PY+350,CMM)//縦
ellipse(PX-350,MY+350,CMM)
ellipse(MX-350,PY+350,CMM)
ellipse(MX-350,MY+350,CMM)
ellipse(PX-350,PY+350,CMM)

//左下より(小)
ellipse(PX-350,UY+350,CLM)//横
ellipse(MX-350,UY+350,CLM)//横
ellipse(UX-350,MY+350,CLM)//縦
ellipse(UX-350,PY+350,CLM)//縦
ellipse(PX-350,MY+350,CLM)
ellipse(MX-350,PY+350,CLM)
ellipse(MX-350,MY+350,CLM)
ellipse(PX-350,PY+350,CLM)

//右上より(小)
ellipse(PX+350,UY-350,CSM)//横
ellipse(MX+350,UY-350,CSM)//横
ellipse(UX+350,MY-350,CSM)//縦
ellipse(UX+350,PY-350,CSM)//縦
ellipse(PX+350,MY-350,CSM)
ellipse(MX+350,PY-350,CSM)
ellipse(MX+350,MY-350,CSM)
ellipse(PX+350,PY-350,CSM)

//右上より(中)
ellipse(PX+350,UY-350,CMM)//横
ellipse(MX+350,UY-350,CMM)//横
ellipse(UX+350,MY-350,CMM)//縦
ellipse(UX+350,PY-350,CMM)//縦
ellipse(PX+350,MY-350,CMM)
ellipse(MX+350,PY-350,CMM)
ellipse(MX+350,MY-350,CMM)
ellipse(PX+350,PY-350,CMM)

//右上より(小)
ellipse(PX+350,UY-350,CLM)//横
ellipse(MX+350,UY-350,CLM)//横
ellipse(UX+350,MY-350,CLM)//縦
ellipse(UX+350,PY-350,CLM)//縦
ellipse(PX+350,MY-350,CLM)
ellipse(MX+350,PY-350,CLM)
ellipse(MX+350,MY-350,CLM)
ellipse(PX+350,PY-350,CLM)

//左上より(小)
ellipse(PX-350,UY-350,CSM)//横
ellipse(MX-350,UY-350,CSM)//横
ellipse(UX-350,MY-350,CSM)//縦
ellipse(UX-350,PY-350,CSM)//縦
ellipse(PX-350,MY-350,CSM)
ellipse(MX-350,PY-350,CSM)
ellipse(MX-350,MY-350,CSM)
ellipse(PX-350,PY-350,CSM)

//左上より(中)
ellipse(PX-350,UY-350,CMM)//横
ellipse(MX-350,UY-350,CMM)//横
ellipse(UX-350,MY-350,CMM)//縦
ellipse(UX-350,PY-350,CMM)//縦
ellipse(PX-350,MY-350,CMM)
ellipse(MX-350,PY-350,CMM)
ellipse(MX-350,MY-350,CMM)
ellipse(PX-350,PY-350,CMM)

//左上より(小)
ellipse(PX-350,UY-350,CLM)//横
ellipse(MX-350,UY-350,CLM)//横
ellipse(UX-350,MY-350,CLM)//縦
ellipse(UX-350,PY-350,CLM)//縦
ellipse(PX-350,MY-350,CLM)
ellipse(MX-350,PY-350,CLM)
ellipse(MX-350,MY-350,CLM)
ellipse(PX-350,PY-350,CLM)
}