2016/03/05に行われたメディアアートハッカソンのハンズオン資料。Processing編

1. Processingについて
ぱそこんでおえかき

2. 目次
・作る
・解説
・作る
・解説
・作る
・解説
………
・Processingについての詳しい話
ごちゃごちゃ言って
考えてもらうより
書いてもらったほうが
わかる！

3. 1点目(絵を描く)

4. 2点目(アニメーションさせる)

5. 3点目(マウスで円を動かす)

6. 作るぞ！！

7. 図形を描く

8. 写経！！→起動！！
写経
↓
終わったら
数字を変えてみてください！
↓

9. 一旦休憩！

10. 何をやっていた？
写経
↓
↓
画面サイズを(500,500)にする
後は自分で調べてやってみる！

11. アニメーションさせる

12. 写経！！→起動！！
写経
↓
終わったら
数字を変えてみてください！
↓

13. 一旦休憩！

14. 何をやっていたか？
写経
↓
↓
kという入れ物を用意
kを毎回足す
kの値が毎回変わる
→回転具合も変わる
繰り返す

15. マウスを使う！

16. 写経！！→起動！！
終わったら
数字を変える。
background(0)を消してみる

17. 一旦休憩！

18. ※補足 popmatrix
pushmatrix(1)

19. ※補足 popmatrix
pushmatrix(2)

20. Processingの詳しい話

21. Processingってなんだい
他のプログラミングと比べるとすごいところ
→かんたん
（作り方がわかりやすい・めんどくさい設定無しにすぐ書ける）
・初心者向けアート系プログラミング言語

22. Processingについて
オススメ勉強法
・ドットインストール(初歩の知識)
h@p://doCnstall.com/lessons/
basic_processing_v2
↓
・「Processing 画像読み込み」等でググって
コピペする。
→ちょっと変えて使ってみる
→変えて使えるようになって初めて1から作れる

23. いろんなProcessing
p5.js
・ProcessingのWeb版
・Processingでホームページが作れる
・Processingのコードでほぼ書ける

24. Processing以外のアート系言語
Openframeworks
(通称：of)
・ぶっちゃけこっちの方が性能いい
・Processingよりだいぶ面倒くさい
・Processingより
すぐに使える機能が少ない
エンジニア向け
・ProcessingがJavaに対し、ofはC++
・ProcessingはPython,ofはRubyでも
たぶん書ける(ofのRubyはiOS)

25. 参考
• h@p://www.d-­‐improvement.jp/learning/
processing/2011-­‐a/08.html
• h@p://r-­‐dimension.xsrv.jp/classes_j/
3_interacCve3d/
• h@p://www.d-­‐improvement.jp/learning/
processing/2011-­‐b/02.html