Home > 1b > | ノート > 1b-02 動きを制御する - 直線の動き

1b-02 動きを制御する - 直線の動き

画面を連続して書き替えることで、「動き」を表現してみる。

直線の動き

1b-02-1-26 1b-02-1-52 1b-02-1-79

float x; // 物体の位置
float speed; // 物体のスピード

void setup() {
  size(200, 200);

  // 位置とスピードの初期化
  x = 0;
  speed = 1;
}

void draw() {
  background(255); // 画面をリセット
  x = x + speed; // 位置の計算

  // 矩形の描画
  rect(x, height/2, 10, 10);
}

練習 - 上記のプログラムを改変してみる

  1. スピードを速くする
  2. 右から左に動かす
  3. 上から下に動かす
  4. 矩形の描画をバスの描画に置き換え、左から右に動かす
  5. バスの描画部分を関数にする
  6. 自分で考えたものの形を動かす(例:乗り物、動物)
  7. 左から右に動かし、右端まで行ったら、左端から出てくるようにする。(ヒント:if文を使う)

Home > 1b > | ノート > 1b-02 動きを制御する - 直線の動き

Search
Feeds
Textbook
  • Built with Processing [改訂版]
Recommends
  • Processing – A Programming Handbook for Visual Designers and Artists
  • Learning Processing: A Beginner's Guide to Programming Images, Animation, and Interaction (Morgan Kaufmann Series in Computer Graphics)
  • Arduinoをはじめよう
  • ビジュアライジング・データ ―Processingによる情報視覚化手法
  • +GAINER―PHYSICAL COMPUTING WITH GAINER

Return to page top