Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Processing資料(6) 様々な図形

879 views

Published on

Processingについての授業の資料です。

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Processing資料(6) 様々な図形

  1. 1. 様々な図形 Processing資料(6)
  2. 2. 極座標 θ r (r*cos(θ),r*sin(θ))
  3. 3. 円運動
  4. 4. 正多角形
  5. 5. void setup() { size(400, 400); } void draw() { background(255); int vertex_num = 6; //頂点数(六角形を描画) int R = 180; //頂点から中心までの距離(半径) int x = width/2; //x座標の位置 int y = height/2; //y座標の位置 pushMatrix(); translate(x, y); beginShape(); for (int i = 0; i < vertex_num; i++) { vertex(R*cos(radians(360*i/vertex_num)), R*sin(radians(360*i/ vertex_num))); } endShape(CLOSE); popMatrix(); }
  6. 6. pushMatrix,translate,popMatrix ● pushMatrix: 座標の保存 ● translate: 座標の始点の変更 指定座標が(0,0)となる ● popMatrix: 保存した座標の復元
  7. 7. beginShape,vertex,endShape ● beginShape: 頂点の記録の開始 ● vertex: 頂点座標の決定 ● endShape: 頂点の記録の終了 endShape(CLOSE)することで始点と終点を 閉じる
  8. 8. 正多角形の考え方 半径Rの円を描く
  9. 9. 正多角形の考え方 円上に等間隔に6点打つ
  10. 10. 正多角形の考え方 6点を線でつなぐ
  11. 11. 正多角形の考え方 六角形完成
  12. 12. 応用 - 星 円上に等間隔に10点打つ 点を偶数奇数で分ける
  13. 13. 応用 - 星 奇数の点を より小さな円上に再配置
  14. 14. 応用 - 星 偶数奇数に関わらず 順番通りに点をつなぐ
  15. 15. 応用 - 星 完成
  16. 16. 応用 - 星 左へ90度回転

×