とびだせ! LL ～リアル世界をプログラミングする～openFrameworksとCityCompilerでバーチャルとリアルを結ぶ

LLまつり20132013年9月24日田所 淳

openFrameworks show wheel 2013

ご挨拶

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

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

screenshot_679

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

screenshot_679

openFrameworksって何?

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

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

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.

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)

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

Lightweight Languageとの絡みでは…

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

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

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

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

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

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

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

Real

Virtual

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

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

CityCompiler !!

CityCompilerとは?‣ 空間を使ったインタラクティブなインスタレーションを作るためのプロトタイピング環境

‣ 慶應義塾大学 中西泰人研究室において開発‣ CityCompilerそのものはJavaのクラスライブラリ

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

Real

Virtual

‣ CityCompilerは、‣ その関係を、さらにバーチャルで包み込む

Virtual(Simulated) Real

Virtual

CityCompilerとは?

‣ さらに、そのバーチャルな空間にリアルワールドを介在させる‣ カメラ、Kinect、AR Drone、Arduino ...etc.

Virtual

(Simulated) Real

Virtual

CityCompilerとは?

Real• Camera• Kinect• Arduino• ARDrone

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

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

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

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

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

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

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

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

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

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

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

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