Emscripten

• emscripten HOME
  • emscripten wiki

• Emscripten C++/OpenGL ES 2.0 のアプリケーションをブラウザで動かす (1) Benchmark 等
• Emscripten C++/OpenGL ES 2.0 のアプリケーションをブラウザで動かす (2) ビルド方法
• Emscripten C++/OpenGL ES 2.0 のアプリケーションをブラウザで動かす (3) アプリの対応方法など
• Emscripten C++/OpenGL ES 2.0 のアプリケーションをブラウザで動かす (4) 内部構造
• Emscripten C++/OpenGL ES 2.0 のアプリケーションをブラウザで動かす (5) JavaScript ライブラリとのリンク
• Emscripten C++/OpenGL ES 2.0 (6) Chrome の速度と IE11/Safari
• Emscripten C++/OpenGL ES 2.0 (7) Emscripten の OpenGL API と WebGL
• Emscripten C++ のアプリをブラウザで動かす (8) iOS でも動く
• Emscripten C++/OpenGL ES 2.0 (9) C関数呼び出しと FileSystem
• Chromecast で C++ アプリを走らせる。Emscripten のゲームを動かす
• iOS8 で WebGL ＆ 物理エンジンのベンチマーク結果

OS毎、ブラウザごと、GPU ごとのデータ

• WebGL Extensions (Emscripten)

• http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html

emsdk command を使って package の install と更新を行う。

• Windows の場合 C:/Program Files/Emscripten/emsdk.bat

$ emsdk update
$ emsdk list
$ emsdk install sdk-1.27.0-64bit

• http://kripken.github.io/emscripten-site/docs/building_from_source/building_emscripten_from_source_on_linux.html#building-emscripten-on-linux

上記手順に従い install

2015/01/10 現在の手順の一例 (Ubuntu14.10)

$ cd
$ sudo apt-get update
$ sudo apt-get install python2.7 nodejs build-essential cmake git-core default-jre
$ mkdir emscripten
$ cd emscripten
$ git clone https://github.com/kripken/emscripten-fastcomp
$ cd emscripten-fastcomp
$ git clone https://github.com/kripken/emscripten-fastcomp-clang tools/clang
$ mkdir build
$ cd build
$ ../configure --enable-optimized --disable-assertions --enable-targets=host,js
$ make -j
$ cd ../..
$ git clone https://github.com/kripken/emscripten.git
$ cd emscripten
$ ./emcc

~/.emscripten を編集して LLVM_ROOT= に emscripten-fastcomp/build/Release/bin を追加

LLVM_ROOT = os.path.expanduser(os.getenv('LLVM') or '/home/user_name/emscripten/emscripten-fastcomp/build/Release/bin')

emscripten/emscripten にパスを通す

preload file は xhr なのでローカルサーバーを立ててブラウザからアクセスする必要あり。 –embed-file なら js に埋め込むのでどの方法でもアクセスできる。

• コンパイル時 ( js 生成時) に -s SAFE_HEAP=1 を付ける。
  • メモリアクセスのたびにアドレスチェックが入るため、動作速度は大きく落ちる。

• コンパイル時 ( js 生成時) に -s TOTAL_MEMORY= で指定する。byte 単位。
  • これは HEAP サイズではなく、仮想マシンの全メモリ空間 (搭載 RAM 容量) に相当する。ただし JavaScript Heap は含まない。
  • デフォルトは 16MB

• コンパイル時 ( js 生成時) に -s TOTAL_STACK= で指定する。byte 単位。
  • TOTAL_MEMORY から確保されるので注意。必ず TOTAL_MEMORY > TOTAL_STACK でなければならない。
  • デフォルトは 5MB

1. URL に “about:config”
2. devtools.hud.loglimit.console の値を増やす

• https://developer.mozilla.org/ja/docs/Tools/Remote_Debugging/Firefox_for_Android

1. adb で接続
2. Android Firefox の Menu → 設定 → デベロッパーツール → リモートデバッグ を ON
3. HOST PC の Firefox で Menu → 開発ツール → 開発ツールを表示 → 開発ツールパネルの左上の歯車アイコン → 「リモートデバッガを有効」にチェックを入れる
4. HOST PC で「 adb forward tcp:6000 tcp:6000 」
5. HOST PC の Firefox で Menu → 開発ツール → 接続 → [接続]
6. Android 側に dialog が出るので [OK]
7. HOST PC の Firefox で接続する Tab を選択

• https://developer.chrome.com/devtools/docs/remote-debugging

1. adb で接続
2. HOST PC 側 Chrome で “chrome:inspect”