Processingによるプログラミング入門 第3回

2,360 views

Published on

Processing によるプログラミング入門の第 3 回目。研究室の勉強会で発表しました。
PowerPoint のファイルが欲しい場合は連絡をください。

[←前回] 第 2 回 http://www.slideshare.net/Reputeless/processing-2
[次回→] 第 4 回 http://www.slideshare.net/Reputeless/processing-4

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,360
On SlideShare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
40
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Processingによるプログラミング入門 第3回

  1. 1. 早稲田大学 基幹理工学部 表現工学科長研究室 B4 鈴木 遼18 June 2013
  2. 2. 今日やること Processing とプログラミングの基礎 簡単なことを 8 項目だけ覚えます
  3. 3. 1. 単一行コメント コメントはプログラムに影響しない 一時的な削除や解説に使ったりする 単一行コメント // はその行でそれ以降をコメントにするprintln("AAA");//println("BBB");println("CCC");AAACCC
  4. 4. 2. 複数行コメント 複数行コメント /* ~ */ は囲んだ範囲をすべてコメントにするprintln("AAA");/*println("BBB");println("CCC");*/AAA
  5. 5. 3. プログラミングモード [1/3] Processing には大きく分けて 2 つのプログラミングモードがあるStatic ModeActive Mode
  6. 6. 3. プログラミングモード [2/3]Static Mode 静止画を描く 今までのプログラムは全部このモード
  7. 7. 3. プログラミングモード [3/3]Active Mode プログラムを永遠に実行し、動きのある画像を描く draw() と setup() を使う、新しいプログラムの書き方を覚える
  8. 8. ここからのプログラムは全部 Active Mode です※とくに設定をいじる必要はありません
  9. 9. 4. draw() 関数 draw() ブロック内のコードは、繰り返し実行されるvoid draw(){println("Im running");}I’m runnningI’m runnningI’m runnningI’m runnning…
  10. 10. 5. frameCount frameCount はこれまでのフレーム数を保持する変数void draw(){println("Im running");println(frameCount);}I’m runnning1I’m runnning2I’m runnning3I’m runnning…
  11. 11. 6. setup() 関数 [1/2] setup() ブロック内のコードは最初に 1 度だけ実行されるvoid setup(){println("Im starting");println(frameCount);}void draw(){println("Im running");println(frameCount);}I’m starting0I’m runnning1I’m runnning2I’m runnning3I’m runnning…
  12. 12. 6. setup() 関数 [2/2]setupdrawframeCount = 0++frameCount++frameCount1秒に 60 回(変更可能)
  13. 13. 7. アニメーション [1/2]void setup(){size(600,400);background(0,0,80);noStroke();}void draw(){ellipse(frameCount,200,20,20);}
  14. 14. 7. アニメーション [2/2]void setup(){size(600,400);background(0,0,80);noStroke();}void draw(){background(0,0,80);ellipse(frameCount,200,20,20);}
  15. 15. 8. random 関数 [1/3] 0 から high, または low から high の範囲のランダムな浮動小数点数を返すrandom( high );random( low, high );
  16. 16. 8. random 関数 [2/3]void draw(){println(random(-10,10));}2.9956264-0.351758960.795040136.82174877.307852.84195339.002245-2.59616470.97461329.271757…
  17. 17. 8. random 関数 [3/3]void setup(){size(600,400);background(0,0,80);noStroke();}void draw(){ellipse(random(600),random(400),20,20);}
  18. 18. Complete!100%単一行コメント//複数行コメント/* ~*/Static ModeActive Modedraw()frameCountsetup()random()
  19. 19. Challenge 面白い動きをする1つの円を描く 背景にこだわっても OK
  20. 20.  続きは再来週の第 4 回で! 次はインタラクションのあるプログラム!
  21. 21. Questions?@Reputeless

×