openFrameworkes emscripten setup!

JSオジサン #6

登壇資料

中農稔／ねろ技術部・人事部

JS、AS、Node.js、C#(Unity)、oF、Arduino、Swift

www.kayac.com/team/nakano-minoru

@nenjiru

http://www.slideshare.net/minorunakanou/

http://qiita.com/nenjiru

https://twitter.com/nenjiru

http://jsdo.it/nenjiru

本日のテーマ

openFrameworker のみなさん

ブラウザですよ、ブラウザっ！

openFrameworks ?

https://vimeo.com/4446798

クリエイティブコーディング界の人気ツール

Processing　MAX　vvvv　oF　Cinder

Processing　MAX　vvvv　oF　Cinder

Processing.js（p5.js） John Resig

openFrameworks 0.9 が Emscripten に対応

Emscripten とは？

C/C++からLLVMを生成し、それをJavaScriptに変換するコンパイラ。

ちなみに、えむすくりぷてんが正解っぽい

Emscripten とは？

つまり oF がブラウザで動く！

やってみた

oF 0.9 をダウンロードhttp://openframeworks.cc/download/

emscriptenをダウンロードhttp://kripken.github.io/emscripten-site

公式セットアップガイドhttp://openframeworks.jp/setup/emscripten/

python2 のシンボリックリンク

　sudo ln -s /usr/bin/python2.7 /usr/bin/python2

※ バージョンは適宜変えてください

emscripten のパスを通す

　local EMSCRIPTEN_PATH="$HOME/(emscriptenディレクトリ)/emscripten/1.35.0"

　export PATH="$EMSCRIPTEN_PATH:$PATH"

※ バージョンは適宜変えてください

まずは普通に Xcode でビルド

デモ

Emscripten でビルド

デモ

その他のデモhttp://arturocastro.net/files/of-emscripten/

所感

・基本的な2D／3D描画は大丈夫

・画像や3Dモデルの読み込みも問題なさそう

・Safari、Chrome でのデバイスへのアクセスがだめ

・GL がすべてだめ。OSC もシリアル通信もだめ

・ofRect→ofDrawRectangle、ofCircle→ofDrawCircle

今後に期待！（強調）

http://yoppa.org/works/of_emscripten/Perlin3DTest/

ありがとうございました！