図形を動かす：直線(3) のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• 図形を動かす：直線(3) へ行く。
  • 0 (1970-01-01 (木) 09:00:00)
  • 1 (2016-01-15 (金) 17:28:14)

入力するコード

以下のコードを入力してください。
※Tabキーを押すと行頭に半角スペース2つが挿入されます。

int x = 0;

int y = 0;

  

void setup() {

  size(300, 300);

}

  

void draw() {

  background(255);

  line(x, y, 100 + x, 100 + y);

  if (x > 300) {

    x = 0;

    y = 0;

  } else {

    x = x + 3;

    y = y + 3;

  }

}

結果

図形を動かす：直線(2)と同様の速度で直線が移動し、直線が画面右端に消えた途端に左上に再度出現する動きが繰り返されるアニメーションが表示されればOKです。