正方形を横に動かす 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); } 正