#emscripten

雑にゲームを作る(3)からの続き

結局前回Emscripten版がうまく動いてなかったのは、試行錯誤最中に間違えてSDL_Init()を呼ぶコードをコメントアウトしてしまっていたためだった。しょうもない…入れたら割と動いてくれるようになった。

Emscripten版とネイティブ版は割とソースコード共通でいけるんだけど、一部違うところがある。

OpenGLのバージョン。ネイティブ版は3.3 core profile, Emscripten版は3.0 ES profile。それに伴ってシェーダの一行目に書くバージョンも変わる。

メインループの回し方。emscripten_set_main_loop_arg()などの関数でコールバックとして呼ばれるようにしないといけない

ファイルの読み方。一旦そのままだと無理そうだなということで、フォントファイルを使った文字描画処理は外してある

いままでは、たとえばテトリスを実装して「やった～遊んでもらうぞ～」と思っても相手の人がWindows PCを持っていない場合動かせなかったのだけど、Emscriptenならブラウザ上で動くので、より遊んでもらいやすいということになる。雑に作ったゲームは雑に遊んでほしいので、配布方法も手軽であってほしい。たとえばitch.ioに埋め込むような用途も可能。

ちょっと話がそれるけど、ちょうど gs2というサービスが「売上高1000万以下なら無料」という大盤振る舞いをするというニュースが出てた。こういうバックエンドサービス使えばお手軽にクラウドセーブ機能を導入できていいんじゃないかなーと思った。ただEmscripten用C++は公式SDKの対象外な気がするので、移植大変なんじゃないかなー。ちょっと試してみたい。

雑にゲームを作る(2)から引き続き。今週末はEmscriptenビルドを試していた。

最初、CMakeでvcpkgを使いながらEmscriptenのビルドをする方法を確立するのに時間がかかった。どうもvcpkgのEmscripten対応はごく最近マージされた状態のようで、他に試している人があんまり見つからなかった。結局いろいろやってみて、 CMAKE_TOOLCHAIN_FILE変数をvcpkg.cmakeに、VCPKG_CHAINLOAD_TOOLCHAIN_FILE変数をEmscripten.cmakeに設定してビルドすればできた。

その後ビルドはできるものの動かないという状態が続いた。OpenGL,OpenGL ES,GLSL,WebGLそれぞれのバージョンがどう対応しているかがよくわからず、混乱のもととなった。結局OpenGL ES 3.0(GLSL ES 3.0)ならWebGL2で動きそうということでいろいろ試行錯誤したけどなかなか原因がわからず、最後に最小構成まで削った状態で試してみたところ動いたのでよかった。あとはどこが原因かをコード足しながら探せばよさそう。

Emscripten is a compiler toolchain for asm.js and WebAssembly which helps you to run C and C++ on the net at near-native speed. Emscripten output sizes have decreased quite a bit just lately, particularly for smaller packages. For instance, heres a bit C code: #include EMSCRIPTEN_KEEPALIVEint add(int x, int y) { return x + y;} This is the good day world of pure computation: it exports a single…

C版SHA256コードをemscripten(wasmアウトプット)でJavaScriptで使えるようにしたもの。 nodejsのcryptoモジュールとの速度比較もしてある。

sha256mod.js: emscriptenモジュールをロードして、classとして提供するcommonsjsモジュール

sha256main.js: sha256sumと同じアウトプットとチェックができるコマンドラインコード

sha256.h, sha256extracted.c: emscriptenでコンパイルする対象

package.json: emccでのビルドスクリプトが入っている。npx実行も対応

付録

crypto-sha256.js: nodejsのcryptoモジュールでのコマンドライン実装(ハッシュ生成のみ)