jsオジサン openframeworks emscripten
TRANSCRIPT
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/
ありがとうございました!