1. とびだせ! LL
∼リアル世界をプログラミングする∼
openFrameworksとCityCompilerで
バーチャルとリアルを結ぶ
LLまつり2013
2013年9月24日
田所 淳

2. openFrameworks show wheel 2013

3. ご挨拶

4. ご挨拶
‣ 田所淳 (たどころ あつし)
‣ クリエイティブ・コーダー?
‣ 大学非常勤講師 (多摩美術大学、東京藝術大学) など

5. ご挨拶
‣ http://yoppa.org/
screenshot_679

6. ご挨拶
‣ 『Beyond Interaction[改訂第2版] -クリエイティブ・コーディ
ングのためのopenFrameworks実践ガイド』絶賛販売中!!
screenshot_679

7. openFrameworksって何?

8. openFrameworks
‣ C++によるクリエイティブなコーディングのためのオープン
ソースのツールキット

9. openFrameworks とは?
‣ 現在のバージョンは、0.8.0
‣ http://openframeworks.cc/

10. openFrameworks とは?
OpenGL GLUT FreeImage FreeType
fmod RtAudio QuickTime OpenCV
main.cpp
testApp.h testApp.cpp
ofSimpleApp, ofGraphics, ofImage, ofTrueTypeFont,
ofVideoPlayer, ofVideoGrabber, ofTexture,
ofSoundPlayer, ofSoundStream, ofSerial, ofMath,
ofUtils ...etc.

11. openFrameworks とは?
OpenGL GLUT FreeImage FreeType
fmod RtAudio QuickTime OpenCV
main.cpp
testApp.h testApp.cpp
ofSimpleApp, ofGraphics, ofImage, ofTrueTypeFont,
ofVideoPlayer, ofVideoGrabber, ofTexture,
ofSoundPlayer, ofSoundStream, ofSerial, ofMath,
ofUtils ...etc.
プログラム開発のための
糊 (Glue)

12. openFrameworks とは?
‣ 様々なアートやコマーシャルプロジェクトに活用
‣ http://www.creativeapplications.net/openframeworks/

13. Lightweight Languageとの絡みでは…

14. Lightweight Languageとの絡みでは…
‣ openFrameworks ruby
‣ RubyからopenFrameworksを利用するための拡張ライブラリ
‣ METAPHOR 増田一太郎さんが開発
‣ https://code.google.com/p/rbof/

15. Lightweight Languageとの絡みでは…
‣ Lua を利用したofxLua というアドオン(機能拡張)も
‣ oF live coding demo @ Apple Store Ginza 20110718 (早坂あき
らさん)

16. Lightweight Language 愛好者のみなさんも
どんどんコミュニティーに参加してください!!

17. DIWO
‣ DIWO! (Do it with Others!) - oF dev-con 2013 @YCAM

18. リアルとバーチャルを結ぶ - 1
リアルワールドにバーチャルな世界を投影

19. リアルとバーチャルを結ぶ
‣ リアルとバーチャルを結んだプロジェクトの例
‣ Perfume Performance Cannes Lions International Festival of
Creativity (YouTube)

20. リアルとバーチャルを結ぶ - 1
‣ リアルワールドの映像を解析
‣ バーチャルワールドをリアルワールドに投影
Real
Virtual

21. 大規模なプロジェクトを実現するのは大変
場所、装置、予算… etc.

22. リアルワールドでのプロジェクトを
バーチャルでシミュレーションしたい!

23. CityCompiler !!

24. CityCompilerとは?
‣ 空間を使ったインタラクティブなインスタレーションを作るた
めのプロトタイピング環境
‣ 慶應義塾大学 中西泰人研究室において開発
‣ CityCompilerそのものはJavaのクラスライブラリ

25. CityCompilerとは?
‣ 先程の、openFrameworksの例
‣ バーチャルワールドをリアルワールドに投影
Real
Virtual

26. ‣ CityCompilerは、
‣ その関係を、さらにバーチャルで包み込む
Virtual
(Simulated) Real
Virtual
CityCompilerとは?

27. ‣ さらに、そのバーチャルな空間にリアルワールドを介在させる
‣ カメラ、Kinect、AR Drone、Arduino ...etc.
Virtual
(Simulated) Real
Virtual
CityCompilerとは?
Real
• Camera
• Kinect
• Arduino
• ARDrone

28. CityCompilerとは?
‣ 巨大プロジェクトをシミュレート
‣ 空間、予算の枠にとらわれずに自由な発想でプロトタイピング

29. CityCompilerの紹介
リアルとバーチャルの交錯する様々な例

30. リアルとバーチャルの交錯する様々な例
‣ 上空にたくさんのディスプレイ
‣ https://vimeo.com/54132080

31. リアルとバーチャルの交錯する様々な例
‣ 動くカメラと画像処理のサンプル
‣ https://vimeo.com/54132143

32. リアルとバーチャルの交錯する様々な例
‣ 動くプロジェクタのサンプル
‣ https://vimeo.com/54132144

33. リアルとバーチャルの交錯する様々な例
‣ うにうに変形する物体にプロジェクション
‣ https://vimeo.com/48711452

34. リアルとバーチャルの交錯する様々な例
‣ ディズニーホールにプロジェクションマッピング
‣ https://vimeo.com/54132925

35. リアルとバーチャルの交錯する様々な例
‣ 任意の場所にディスプレイを配置
‣ https://vimeo.com/48710794

36. リアルとバーチャルの交錯する様々な例
‣ ディスプレイを美術館風に配置
‣ https://vimeo.com/54133977

37. リアルとバーチャルの交錯する様々な例
‣ 振り子状ディスプレイとそれに連動した物理演算
‣ https://vimeo.com/54134052

38. リアルとバーチャルの交錯する様々な例
‣ バーチャルカメラで画像解析

39. Demo: バーチャルとのコラボレーション!!