Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
アニメーション 
Processing資料(4)
円が動くアニメーション 
int x = 0; 
void setup() { 
size(400, 400); 
background(255,255,255); 
} 
void draw() { 
background(255, 255,...
ループさせる 
画面の端まで動いたら反対の端から出てくる
void draw() { 
background(255, 255, 255); 
ellipse(x, height/2, r, r); 
x++; 
if (x > width) { 
x = 0; 
} 
} 
int r = 50; ...
なめらかにループさせる 
void draw() { 
background(255, 255, 255); 
ellipse(x, height/2, r, r); 
x++; 
if (x > width + r/2) { 
x = -r/...
例題 
画面の端まで動いたら反対方向へはねかえる円
Upcoming SlideShare
Loading in …5
×

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

838 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

  1. 1. アニメーション Processing資料(4)
  2. 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. 3. ループさせる 画面の端まで動いたら反対の端から出てくる
  4. 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. 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. 6. 例題 画面の端まで動いたら反対方向へはねかえる円

×