正方形を横に動かす step.1 静止した正方形を描く //最初に1回だけ実行する void setup() { size(200, 200); } //毎フレーム繰り返し実行する void draw() { rect(0, height/2, 10, 10); //画面中央左に一辺が10pxの正方形を描く } rectのx座標がじょじょに大きくなれば、正方形は数のように左に移動し、動いているように見える。 step.2 正方形のx座標を変数で置き換え、変数の値がじょじょに大きくなるようにする float x; //小数型の変数xを宣言 void setup() { size(200, 200); x = 0; //xの初期値を0とする } void draw() { x += 1; //毎フレームで正方形のx座標を1ずつ増やす rect(x, height/2, 10, 10); } 正
![b-01 動かす - Proessing 学習ノート](https://cdn-ak-scissors.b.st-hatena.com/image/square/2bc48fe1e051a4edd9eb6ca1173b553225131061/height=288;version=1;width=512/http%3A%2F%2Ffarm4.static.flickr.com%2F3456%2F3751895598_f87be1b1c6_o.png)