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

​​#06 座標変換・回転・拡大

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

​​質問と回答

​​
​​ellipseとcircle、rectとsquareのように同じように見えるものがありますが、違いはあるのでしょうか。
​​正円：circle
​​楕円：ellipse
​​
​​正方形：square
​​長方形：rect
​​
​​ellipseとrectは同じ引数（幅高さ）を指定すると正円や正方形がかけます．
​​p5jsで作ったものを画像として保存することは可能ですか？
​​save()関数を使うと画像保存出来ます．
​​クリックで保存できるようにすると便利かもですね．
​​丸の大きさを少し変えたり、色の色彩を統一するだけでかなり印象が変わり面白かったです。終盤で画面がフリーズしてしまい、ついていけなくなったので授業資料を見て復習します。
​​はい！頑張りましょ！
​​同じ内容を打ち込んでるはずが何度もエラーをはかれてしまいました。ほかのコードをコピーペーストして打ち込んでみましたがこちらでもダメでp5jsから応答がありませんと表記されました。これの原因は何なのでしょうか？
​​Teamsと共同編集のリンクを共有するなどで解決しましょう．
​​
​​今週の提出物を見る
​​
​​
 
プログラミングB on OpenProcessing
プログラミングB class is collecting their sketches on OpenProcessing
openprocessing.org
プログラミングB on OpenProcessing • openprocessing.org
​​
​​
​​

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

​​
​​angleMode(DEGREES); //今回大事
​​
​​push();
​​translate(x,y);  // 原点の座標移動
​​rotate(angle); //回転
​​//図形描画
​​pop();
​​
​​//原則：pushとpopで挟む形でtranslateやrotateを使おう
​​
​​どんなことができるのか
​​
​​
  • ​​angleMode(DEGREES);
  • ​​push→translate→rotate→図形描画→popの流れを覚えよう
  • ​​この二つができると図形や様々なプログラムの要素を回転させられる．
​​
​​
​​