Processingについての授業の資料です。

1. アニメーション
Processing資料(4)

2. 円が動くアニメーション
int x = 0;
void setup() {
size(400, 400);
background(255,255,255);
}
void draw() {
background(255, 255, 255);
ellipse(x, 200, 50, 50);
x++;
}

3. ループさせる
画面の端まで動いたら反対の端から出てくる

4. void draw() {
background(255, 255, 255);
ellipse(x, height/2, r, r);
x++;
if (x > width) {
x = 0;
}
}
int r = 50;
int x = 0;
void setup() {
size(400, 400);
background(255, 255, 255);
}

5. なめらかにループさせる
void draw() {
background(255, 255, 255);
ellipse(x, height/2, r, r);
x++;
if (x > width + r/2) {
x = -r/2;
}
}
int r = 50;
int x = -r/2;
void setup() {
size(400, 400);
background(255, 255, 255);
}

6. 例題
画面の端まで動いたら反対方向へはねかえる円