Download as PDF, PPTX
C＋＋11やemscriptenと付き合って１年間の振り返り
- 1. C++11 や Emscriptenと 付き合って１年間の振り返り Boost.勉強会#17@東京 2015/5/30
- 2.
- 3.
- 4.
- 5.
- 6. アジェンダ Emscripten 概要 C++11 で開発した振り返り Emscripten問題と解決策 ● サウンド ● フォント ● WebGL ● ファイルシステム ● デバッグ
- 7.
- 8. アジェンダ Emscripten 概要 C++11 で開発した振り返り Emscripten問題と解決策 ● サウンド ● フォント ● WebGL ● ファイルシステム ● デバッグ
- 9. C/C++ のコードを asm.jsにコンパイルし ブラウザで実行することができる C / C++ asm.jsLLVM IR
- 10.
- 11. asm.js とは JavaScript サブセット 静的型付けのような特徴を持ち 低レベルな演算を高速実行 ! Firefoxは asm.js に最適化した JavaScript エンジンを搭載 しているので好相性
- 12.
- 13. APIs OpenGL の APIは WebGL に 変換されるのでそのまま使用可能 SDL の API も使えるため ネイティブ版との差異を吸収する
- 14.
- 15.
- 16. 実行速度(現実) asm.js なら Firefoxが圧倒的かと思いきや 実行環境によってまちまち・・・ ! グラフィック処理の負担が大きいゲームでは 『このブラウザが最速』とは明言しづらい
- 17. asm.js の今後 IE, Chromeがサポートするかどうか ! そういう噂はちらほら聞きますが 実現すれば時代の変化に繋がる？ ! http://www.infoq.com/jp/news/2015/03/ie-chrome-asmjs http://news.mynavi.jp/news/2015/02/23/270/
- 18. ゲームエンジン WebGL 向けエクスポート機能に Emscripten が使用されている Unity5.0Unreal Engine 4.7
- 19.
- 20. Emscripten 概要まとめ C/C++ からJavaScript へコンパイル 移植性が高く、生成されたコードも高速 ! 主要ブラウザも asm.js をサポートし始め これからの Web アプリケーションの開発に 注目されている
- 21. アジェンダ Emscripten 概要 C++11 で開発した振り返り Emscripten問題と解決策 ● サウンド ● フォント ● WebGL ● ファイルシステム ● デバッグ
- 22.
- 23.
- 24. 対象 C++11 以降, Boostライブラリを (職場で)利用していない開発者 はじめに
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. ここがよかった auto による型の推論 関数の戻り値などからローカル変数を 生成する場合に型の指定の手間が解消 参照型への ＆忘れはよくやらかした イテレータの型指定めんどうくさい
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41. さらによくなりたい 便利なラムダ式でも引数の型の指定が手間 STLとの組み合わせだと顕著 ! C++14 のジェネリックラムダでは 引数の型を autoで指定できる早く C++14 使いたい！！
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55. アジェンダ Emscripten 概要 C++11 で開発した振り返り Emscripten問題と解決策 ● サウンド ● フォント ● WebGL ● ファイルシステム ● デバッグ
- 56.
- 57.
- 58. サウンド SDL_mixer を使用 Emscripten は<audio> と Web Audio API を 利用する JavaScript を生成可能 Web Audio API は IE 未対応のため 今回は <audio> を利用する (Windows10 でサポート予定。将来に期待) http://blogs.msdn.com/b/ie/archive/2015/03/18/rendering-engine-updates-in-march-for-the-windows-10-technical-preview.aspx
- 59. ● 精密なフェードはできないと考えていい ● ループは繋ぎ目の無音がはっきりわかる ●対応ファイル形式のブラウザごとの違い <audio> の問題
- 60.
- 61.
- 62. フォント FreeType2 を使用 パフォーマンスはそこそこ Emscripten はSDL_ttf もサポート ただしユーザーがインストールしていない フォントは使用不可
- 63.
- 64. mat4 から mat3に変換できない シェーダーの不具合 mat4 m4; mat3 m3 = mat3(m4); ← エラー 最新版のIE11.0.3では修正済 https://connect.microsoft.com/IE/feedback/details/810829/glsl-mat3- constructor-taking-a-mat4-is-not-supported
- 65. メソッドが未実装の可能性がある コンパイル成功したが、実行しても効果がない 実装詳細を確認したら TODO になってた 例:glLightfv:function() { throw 'glLightfv:TODO' } 怪しいと思ったら実装を確認する ! PATH:/Emscripten/emscripten/(version)/src/library_xxx.js
- 66. WebGL の動作確認に役に立つサイト WebGL 機能毎のテストケース https://www.khronos.org/registry/webgl/sdk/tests/ webgl-conformance-tests.html ! WebGLバージョン確認 http://biz.turbulenz.com/sample_assets/ device_initialization.canvas.release.html
- 67.
- 68. 仮想ファイルシステム Emscripten で生成した JavaScriptは 仮想ファイルシステムを搭載 ! C/C++ の fopen(), std::fstream によるファイルアクセスが可能
- 69. Preload 仮想ファイルシステムに登録したいファイルを パッキングし JavaScript 実行時に構築する ! コンパイルオプションで指定 --preload-fileimage.jpg 別ファイルに出力 --embed-file image.png JSに埋め込む
- 70. Preload は最小限 Preload ファイルの肥大化による弊害 ●ダウンロード時間増 ● ブラウザ展開時間増 ● メモリ負担増 特にグラフィック、サウンドデータの サーバーから非同期読み込みは必須
- 71.
- 72.
- 73. デバッグ情報を JS に埋め込む コンパイルオプションで指定可能 C/C++の関数名、変数名を JavaScript に埋め込んで残す Release → 15 MB 関数名を残す → 50 MB 以上 変数名も残す → 100 MB 以上
- 74.
- 75. Emscripten 振り返りまとめ ブラウザゲーム制作に Emscriptenを利用 C++ コードを利用できる有用性 Web の表現力向上とゲームエンジンの対応 実行環境に対する要求スペックは低くない
- 76.
- 77.