loupe study 3
TRANSCRIPT
![Page 1: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/1.jpg)
LOUPE STUDY #3
![Page 2: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/2.jpg)
メディアプログラミング on Processing
2014/09/22 Daichi Harada
![Page 3: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/3.jpg)
今日の話
• 音と映像のカンケイ
• Processingで映像を扱う
• Processingで音を扱う
![Page 4: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/4.jpg)
音と映像
![Page 5: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/5.jpg)
音楽は多感覚体験
![Page 6: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/6.jpg)
私たちが音楽に触れるとき、聴覚以外の感覚が完全に遮断されてしまうことは、まずない。強いて言えば暗闇の中にじっとしてヘッドフォンで音楽を聴く、といった時くらいで、そうした状況はありえなくはないとしても、極めて稀なことと言わざるを得ない。それにかなり近い状況として、というよりそうした状態を理想とするかのように諸条件を整えてきたものとしてクラシックの演奏会があるが、それでも演奏者の姿や身振りは音とともに目に入ってくるし、会場全体の空気というか雰囲気のようなものも、身体全体に(恐らく触覚を主な経路として)伝わってくるものである。演奏する側に回れば、一切の身体運動なしに音を出すことは不可能であり、楽器演奏であれ歌であれ、指の動きや喉のふるえといった音を出す行為に伴う身体運動を視覚や触覚を通じて感じ、それと音とをフィードバックさせながら演奏行為は行われるものである。
今挙げたような音楽に伴う視覚的要素や身体的=触覚的要素は、所詮音楽にとって付随的なものであり、捨象されて差し支えのないものだ、という反論もあるかもしれない。だが、身体的要素や視覚的要素が、聴覚的要素と同等かそれ以上の関係で、より不可分に結びつき合っている音楽の例は、極めて多い。というよりも、近代西洋音楽の通念から離れ、音楽のあり方を歴史的にも地域的にもより広い視野から眺めた場合、むしろそうした例の方が一般的であるとさえ言えよう。
音楽のマルチメディア性 http://homepage3.nifty.com/jy/essays/media_multi.htm
![Page 7: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/7.jpg)
Rez
音楽の未来|水口哲也×kz(livetune) 7:16~
https://www.youtube.com/watch?v=KVXHLxWI9E4
音楽を軸とした マルチメディア体験
![Page 8: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/8.jpg)
先日これのリリースパーティ いってきました笑
![Page 9: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/9.jpg)
音/映像/プログラミング
![Page 10: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/10.jpg)
Processing・JAVAベース ・画像、映像処理が得意 ・音も扱える ・アート系プログラミングによく使われる ・学生や、ノンプログラマーのアーティストデザイナーにも使いやすい(やさしい)
・Processing JS(HTML 5とJavaScriptで手軽に扱える) ・OpenCVやMax/MSP等との連携 ・Arduinoとの連携
![Page 11: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/11.jpg)
サンプル
![Page 12: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/12.jpg)
http://processing.org/exhibition/works/withouttitle/index_link.html
![Page 13: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/13.jpg)
http://processing.org/exhibition/works/base26/index_link.html
![Page 14: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/14.jpg)
フラクタル図形
![Page 15: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/15.jpg)
Kinectと連携
キネクトを使ったVJ https://www.youtube.com/watch?v=d0L7rxEJVw8
![Page 16: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/16.jpg)
円を描いてみようellipse(x座標,y座標,幅,高さ)
![Page 17: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/17.jpg)
円を描いてみようsize(x,y)でキャンバスのサイズを指定
for文など制御構造は JAVAそのまま
![Page 18: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/18.jpg)
Processingで 音を扱う
![Page 19: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/19.jpg)
音って何?
![Page 20: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/20.jpg)
![Page 21: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/21.jpg)
→「波」
![Page 22: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/22.jpg)
どんな波形も三角関数の和で 表す事ができるんだ!
![Page 24: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/24.jpg)
オーディオ スペクトログラム
http://macromarionette.com/computergraphics/cg9.html
周波数成分を 解析、
可視化する!
FFT (高速フーリエ変換)
![Page 25: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/25.jpg)
サイン波を 合成してみる
(シンセサイザー)
http://r-dimension.xsrv.jp/classes_j/minim/
振幅と波長が変わるsine1を sine2に混ぜるとどうなる??
![Page 26: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/26.jpg)
音を 視覚化
振幅(音の大きさ)をテキトーに映像のパラメータに入れるとそれっぽくなる
![Page 27: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/27.jpg)
draw() 毎フレーム呼び出され、
画面を更新
setup() プログラム開始前の準備
fileSelected() setup()内のselectInput で選択した後呼ばれる
mousePressed() マウスクリックした時
![Page 28: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/28.jpg)
Animal クラス ・□一個一個が これのインスタンス。 ・衝突した/しないを 判定する ・目的地へ移動 ・inputされた音の大きさ に応じてサイズが変わる
![Page 29: Loupe study 3](https://reader031.vdocuments.net/reader031/viewer/2022020110/55a284581a28ab441d8b46d1/html5/thumbnails/29.jpg)
ご清聴ありがとう ございました