Day2-5: 座標変換・回転・スケール
京都造形芸術大学
オープンレクチャー「クリエイティブコーディング:2020」
2020年3月16日(月)〜18日(水)

高尾俊介(甲南女子大学 メディア表現学科講師)


レクチャー資料


時間
レクチャーアウトライン
Day 2
5

6

7

8

「座標変換,回転,スケール」概略


angleMode(DEGREES); //今回大事

push(); //原点の位置を保存
translate(x,y);  // 原点の座標移動
rotate(angle); //回転
scale(num); //拡大・縮小
pop(); //pushで保存した原点の位置に復帰

//鉄則:pushとpopで挟む形でtranslateやrotateを使おう

  • angleMode(DEGREES);
  • push→translate→rotate→図形描画→popの流れを覚えよう
  • この二つができると図形や様々なプログラムの要素を回転させられる.

座標変換


座標変換ができると何が良いのか


  • 原点の位置を移動できる
  • 物体を中心にして回転,拡大,シアー(歪み)等の操作ができる

角度計算について

  • 弧度法と度数法
  • 弧度法:円の円周の角度を0〜2 * PI(TWO_PI)で表す 0 ~ 360 の世界を0 ~ 6.28
  • 度数法:円の円周の角度を0〜360°で表す

作例

ファイル名

URL

035_座標変換
036_座標変換(2)