さて前の記事では、ついにBonanzaの起動時のエラー画面まで再現することが出来ました。今回の記事では、Emscriptenでのファイルの「簡単な」扱い方について説明します。

前の記事はこちら→ embona - ブラウザで動くBonanzaを作ってみた(その2)
とりあえず遊んでみたい、という方はその1の記事の最初にリンクを用意しておきました。そちらをご参照ください。

さて前の記事でEmscriptenのインストールとBonanzaのビルドまで終えられました。では早速、Emscriptenを利用してJavaScriptに移植していきましょう。

前の記事はこちら→ embona - ブラウザで動くBonanzaを作ってみた(その1)
とりあえず遊んでみたい、という方はその1の記事の最初にリンクを用意しておきました。そちらをご参照ください。

今回、ちょっとした縁によりBonanzaをブラウザで動かしてみました。Bonanza 6.0のソースコードをほぼそのまま利用して、EmscriptenでJavaScriptに変換しています。

技術的なことに興味はない、すぐに遊んでみたい！という方はこちらからどうぞ。初回に45Mほどダウンロードが発生します！ご注意ください。
http://tkihira.github.io/embona/index.html

• 上のURLに行くとCPU vs CPUの戦いが始まります。自分で戦いたい方は新規対局で設定してください


• UI周りは相当手を抜いて実装したために多数バグがあるかと思います。ご容赦ください


• ブラウザが固まったりしませんが、CPU思考中に手を入力したり新規対局するのには大変反応が重い（というか思考が終わるまで反応しない）のにご注意ください


• データダウンロードで43Mbyte、さらに内部で展開してハッシュテーブルなどを用意し、最終的に数百Mのメモリを消費します。モバイル端末ではほぼ間違いなく動きません


• コンソールログを開くと、Bonanzaの出力をほぼそのまま楽しむことも出来ます

Emscriptenは今後重要になる技術だと踏んでいますが、残念ながら日本語の資料があまりないようです。今回の移植を利用して、初めてEmscriptenを触る人向けに記事を書いてみます。

前の記事で、3Dモデルのミクさんの描画に成功しました。ただ現状はモデルの外形を表示出来ただけなので、せっかくここまで表示出来たからには色を塗ってみたいところです。今回の記事では、色を塗りテクスチャを貼ってみます。また、最後に別のモデルを表示して、テクスチャの威力についてもご紹介したいと思います。

前の記事では、大変長いコードを書いて、やっとポリゴンを1枚だけ表示させることに成功しました。次に目指すは、ミクさんモデルの表示です。