week10

今天上課內容:做出FB小遊戲

1.做出4個圓圈。2. 做出九宮格圓圈。size(300,500);ellipse(50,200+50, 100,100);ellipse(50+100,200+50, 100,100);ellipse(50+100+100,200+50, 100,100);
ellipse(50,200+50+100, 100,100);ellipse(50+100,200+50+100, 100,100);ellipse(50+100+100,200+50+100, 100,100);
ellipse(50,200+50+100+100, 100,100);ellipse(50+100,200+50+100+100, 100,100);ellipse(50+100+100,200+50+100+100, 100,100);

3.用for迴圈做5*5的圓圈。size(300,500);/////因為寬是300，所以有3球去分，每球分到直徑100，半徑50/////因為寬是300，所以有3球去分，每球分到直徑100，半徑50int n=5;int R=300/n, w=R/2;for(int y=0;y<n;y++){  for(int x=0;x<n;x++){    ellipse(w+x*R,200+w+y*R,R,R);  }}4.圓圈放大。void setup(){ size(300,500);}int n=5;int R=300/n, w=R/2 ,RR=0; ////會變動的R直徑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); ////從小變到大  } } RR++; ////如果還沒超過範圍，++從小變到大}5.雙層圓圈。void setup(){ size(300,500);}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+= R/10; else {   n++;  ////下一個數目   RR=0; ///從小開始長 }}6.閃爍多個圓圈。。void setup(){ size(300,500);}int n=3, RR=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++){    ellipse(w+x*R,200+w+y*R,RR,RR);  } } if(RR<R) RR+= R/10; else {   n++;   RR=0; }}  ///為讓速度一致，改RR += R/10 變成很快7.完成FB小遊戲(變色)void setup(){ size(300,500); colorMode(HSB,256); ///改色彩系統}int ansX=1,ansY=2;int n=3, RR=0;///會變動的R直徑int H=0;///Hue色調、色相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);      else fill(H,255,255);////白色      if(  dist(mouseX,mouseY,w+x*R,200+w+y*R)< w ){        if( mousePressed && x==ansX && y==ansY){          ansX= int(random(n));          ansY= int(random(n));          H+=20;          if(H>256) H=0;         }       }   ellipse(w+x*R,200+w+y*R,RR,RR);  }      }  if(RR<R) RR+= R/30; }