​​プログラミングB #06

​​#06 座標変換（移動，回転，拡大縮小） 

​​
​​高尾俊介（takawo@konan-wu.ac.jp）
​​甲南女子大学 文学部 メディア表現学科 講師
​​
​​
​​

​​雑談

​​
​​
 
抽象画家モンドリアンの作品、75年間逆さまに展示か ｜ BBC NEWS JAPAN
オランダの抽象画家ピエト・モンドリアンの作品の1つが75年間、さまざまなギャラリーで逆さまに展示され...
nordot.app
抽象画家モンドリアンの作品、75年間逆さまに展示か ｜ BBC NEWS JAPAN • nordot.app
​​
​​
 
Art Blocks | Spectrum: In Conversation with Emily Xie
Interview with educator, engineer and generative artist, Emily Xie. In this conversation, we hear more about her Art Blocks project, Memories of Qilin, her artistic practice, and discovery of NFTs and the crypto art world.
Art Blocks | Spectrum: In Conversation with Emily Xie •
​​
​​
​​

​​「座標変換（原点移動，回転，拡大縮小）」概略

​​
​​angleMode(DEGREES); //今回大事
​​
​​push();
​​translate(x,y);  // 原点の座標移動
​​rotate(angle); //回転
​​//図形病が
​​pop();
​​
​​//原則：pushとpopで挟む形でtranslateやrotateを使おう
​​
​​どんなことができるのか
​​
​​
  • ​​angleMode(DEGREES);
  • ​​push→translate→rotate→図形描画→popの流れを覚えよう
  • ​​この二つができると図形や様々なプログラムの要素を回転させられる．
​​
​​
​​
​​座標変換ができると何が良いのか
​​
  • ​​原点の位置を移動できる
  • ​​物体を中心にして回転，拡大，シアー（歪み）等の操作ができる
​​
​​角度について
  • ​​弧度法と度数法
  • ​​弧度法：円の円周の角度を0〜2 * PI(TWO_PI）​で表す 0 ~ 360 の世界を0 ~ 6.28
  • ​​度数法：円の円周の角度を0〜360°で表す
​​
​​

​​作例