PROCESSING-彩色找找看

彩色找找看

首先先看看要怎麼寫出圈圈

四個圈1~4
ellipse 橢圓(X,Y,半徑,寬度)位置跟圓的半徑寬度
size(300,600); 設立顯示範圍 ellipse(75,200+75,150,150); (1) ellipse(75+150,200+75,150,150); (2) ellipse(75,200+75+150,150,150); (3) ellipse(75+150,200+75+150,150,150); (4)

接下來畫多一點看看

九個圈1~9
size(300,600); 設立顯示範圍 ellipse(50,200+50,100,100); (1) ellipse(50+100,200+50,100,100); (2) ellipse(50+100+100,200+50,100,100); (3) ellipse(50,200+50+100,100,100); (4) ellipse(50+100,200+50+100,100,100); (5) ellipse(50+100+100,200+50+100,100,100); (6) ellipse(50,200+50+100+100,100,100); (7) ellipse(50+100,200+50+100+100,100,100); (8) ellipse(50+100+100,200+50+100+100,100,100);(9)

用迴圈(for)簡化

用迴圈(for)簡化畫圈圈的步驟
size(300,600); 設立顯示範圍 for(int x=0;x<3;x++){ (有幾行) for(int y=0;y<3;y++){ (有幾列) ellipse(50+x*100,200+50+y*100,100,100); } }

接下來要做一個無中生有的效果

像吹氣球一樣~~噗~~~~😚

void setup()
{ size(300,600); 設立顯示範圍 } int n=5; 宣告五乘五的圈圈 int R=300/n,w=R/2,RR=0;宣告半徑跟寬度的大小 void draw()
{ for(int y=0;y<n;y++){ (有幾行) for(int x=0;x<n;x++ ){ (有幾列) ellipse(w+x*R,200+w+y*R,RR,RR); } } if(RR<R)RR++;半徑增加(變大的效果) }

抓出間諜

void setup(){ size(300,600); 設立顯示範圍 } int ansX=1,ansY=2; 宣告答案X值1Y值是2 int n=3,RR=0; 宣告有三排,半徑是0 void draw()
{ background(#0B0276); 背景的顏色
int R=300/n,w=R/2; 宣告半徑跟寬度的大小
for(int y=0;y<n;y++){ (有幾行) for(int x=0;x<n;x++ ){(有幾列)
if(x==ansX&&y==ansY)fill(128);如果是答案就要變色
else fill(#FFC340); 其他的就是黃色
if(dist(mouseX,mouseY,w+x*R,300+w+y*R)<w)fill(255);
如果滑鼠碰到變色(白色)
ellipse(w+x*R,300+w+y*R,RR,RR); } } if(RR<R)RR+=R/30;半徑增加(變大的效果)讓速度一致 }

開始遊戲

void setup() size(300,600); 設立顯示範圍 colorMode(HSB,256); } int ansX=1,ansY=2; 宣告答案X值1Y值是2 int n=3,RR=0; 宣告有三排,半徑是0 int H=0; 宣告一個變數控制顏色變換 void draw()
{ background(0);               背景的顏色
int R=300/n,w=R/2; 宣告半徑跟寬度的大小
for(int y=0;y<n;y++){ (有幾行) for(int x=0;x<n;x++ ){ (有幾列)
if(x==ansX&&y==ansY)fill(H-10,243,234);如果是答案就要變色且變色的程度是H-10
else fill(H,255,255); 剩下的不變色

if(dist(mouseX,mouseY,w+x*R,300+w+y*R)<w)
{ if(mousePressed &&x==ansX&&y==ansY)
{ ansX=int (random(n)); 隨機的出現(X) ansY=int (random(n)); 隨機的出現(Y) H+=20; H數值增加顏色會變 if(H>256)H=0; H如果超過256就要歸0 } } ellipse(w+x*R,300+w+y*R,RR,RR); } if(RR<R)RR+=R/30;半徑增加(變大的效果)讓速度一致 }
}

以上就是

這禮拜的遊戲<3

謝謝閱讀💐