小精靈"我是暴食怪"

void setup(){
    size(300,200);
}
int angle=45;
void draw(){
  background(255);
  angle=mouseX;
  arc(100,100,100,100, radians(angle),radians(360-angle),PIE);
}
今天要試做經典小遊戲"小精靈"
我們透過arc公式來畫出小精靈的身體，並且可以用滑鼠的移動來控制她的身體變化。

void setup(){
    size(300,200);
}
int angle=45;
void draw(){
  background(255);
  angle=(frameCount*2)%120;
  if(angle>60) angle=120-angle;
  arc(100,100,100,100, radians(angle),radians(360-angle),PIE);
}
我們也可以將angle的參數改變，讓他自動改變參數，小精靈的圖像就會自己動起來了

void setup(){
    size(300,200);
}
int angle=45;
void draw(){
  background(255);
  angle=(frameCount*2)%120;
  if(angle>60) angle=120-angle;
  fill(120,255,255);
  arc(100,100,100,100, radians(angle+360),radians(360-angle+360),PIE);
}
接著再把顏色填進去，小精靈就有更多顏色了

void setup(){
    size(300,200);
}
int angle=45;
void draw(){
  background(255);
  angle=(frameCount*2)%120;
  if(angle>60) angle=120-angle;
   colorMode(HSB);
  fill((frameCount*1.5)%120,255,255);
  arc(100,100,100,100, radians(angle+360),radians(360-angle+360),PIE);
}
如果想讓小精靈自動變色的話就把顏色的地方換成
  colorMode(HSB);
  fill((frameCount*1.5)%120,255,255);