アニメーションの基本

実行結果

• animation_foo.jar

解説

複数の円の集まりが、左上から右下に向かって移動します。

ソースコード

int i=0;
int W;
 
void setup(){
  size(400,400);
  noStroke();
  W=width+100;
}
 
void draw(){
  if(i>W) i=-20;
 
  background(0);
  for(int k=0;k<10;k++){
    fill(255*(i+k)/W);
    ellipse(i-k*10,i-k*10,20,20);
  }
 
  i++;
}

---