week10

今天上課的內容是製作fb的小遊戲
首先，先畫出四個圓圈圈

size(300,500);
ellipse(70,200+75,150,150);//座標位置
ellipse(70,200+75+150,150,150);
ellipse(70+150,200+75,150,150);
ellipse(70+150,200+75+150,150,150);





下一個來到了將小球由小變到大的大球

void setup()
{
  size(300,500);
}
int r=0;
void draw(){
  background(0);
  ellipse(70,200+75,r,r);
  ellipse(70,200+75+150,r,r);
  ellipse(70+150,200+75,r,r);
  ellipse(70+150,200+75+150,r,r);
  if(r<145)r+=5;//這裡代表球球生長的速度，當按下play鈕，球球就會由0的大小變大到達預設值
}


加上 else r=0;
便可以讓圈圈重複使用

接著!是以座標法方式來表示9顆球球的縮放大小



void setup()
{
  size(300,500);
}
int r=0;
void draw(){
  background(0);
  ellipse(50,200+50,r,r);///標出九顆球球的座標定位，即可顯示
  ellipse(50,200+50+100,r,r);
  ellipse(50,200+50+100+100,r,r);

  ellipse(50+100,200+50,r,r);
  ellipse(50+100,200+50+100,r,r);
  ellipse(50+100,200+50+100+100,r,r);
 
  ellipse(50+100+100,200+50,r,r);
  ellipse(50+100+100,200+50+100,r,r);
  ellipse(50+100+100,200+50+100+100,r,r);
  if(r<145)r+=2;
  else r=0;
}


for迴圈可以把同樣的定律縮減字數來達到一樣的效果
上面是標出所有座標，現在是用顆數3*3的方式
現在利用for迴圈來縮放3*3總共9顆小球的方法





void setup()
{
  size(300,500);
}
int r=0;
void draw(){
  background(0);
  for(int x=0;x<3;x++)//x座標
    {
      for(int y=0;y<3;y++)//y座標
      {
        ellipse(50+x*100,200+50+y*100,r,r);
      }
   
    }
 
  if(r<145)r+=2;
  else r=0;
}

這週做的是最近在ig上看到的小遊戲，這個遊戲是在辨識不同的顏色，難度會隨著時間增加，能夠自己寫出這樣的程式，我覺得相當有趣!期待下週接續的課程!!