javascript openframeworks emscripten

1. openFrameworkes emscripten setup!

2. JSオジサン #6
登壇資料

3. 中農稔／ねろ
技術部・人事部
JS、AS、Node.js、C#(Unity)、oF、Arduino、Swift
www.kayac.com/team/nakano-minoru

4. @nenjiru
http://www.slideshare.net/minorunakanou/
http://qiita.com/nenjiru
https://twitter.com/nenjiru
http://jsdo.it/nenjiru

5. 本日のテーマ

6. openFrameworker のみなさん
ブラウザですよ、ブラウザっ！

7. openFrameworks ?

8. https://vimeo.com/4446798

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

10. Processing MAX vvvv oF Cinder

11. Processing MAX vvvv oF Cinder

12. Processing.js（p5.js） John Resig

13. openFrameworks 0.9 が Emscripten に対応

14. Emscripten とは？
C/C++からLLVMを生成し、それをJavaScriptに変換するコンパイラ。
ちなみに、えむすくりぷてんが正解っぽい

15. Emscripten とは？
つまり oF がブラウザで動く！

16. やってみた

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

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

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

20. 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"
※ バージョンは適宜変えてください

21. まずは普通に Xcode でビルド

22. デモ

23. Emscripten でビルド

24. デモ

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

26. 所感
・基本的な2D／3D描画は大丈夫
・画像や3Dモデルの読み込みも問題なさそう
・Safari、Chrome でのデバイスへのアクセスがだめ
・GL がすべてだめ。OSC もシリアル通信もだめ
・ofRect→ofDrawRectangle、ofCircle→ofDrawCircle

27. 今後に期待！（強調）

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

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