WebGLでヌルヌル動く3Dネトゲを作ってみた

タイトルは釣りだけど、WebGLで3DネトゲっぽいUIを作ってみたよ！

まだWebGLに正式対応したブラウザが無いから、開発版のブラウザをインストールする必要があります。めんどくさい！
詳しくはここらへんを見てね。
Getting a WebGL Implementation - WebGL Public Wiki

ここでは一番簡単に使えるChromiumのインストールのしかたを説明します。

ダウンロードページ(http://build.chromium.org/buildbot/continuous/win/LATEST/)から最新版をダウンロード
以下のようにコマンドラインオプションを付けて起動

chrome.exe --no-sandbox --enable-webgl

コマンドラインオプションを付けないとWebGLが有効にならないので注意してください。
あと、OpenGL2.0に対応したグラフィックボードが必要だから、ノートPCとかじゃできないかもよ。

で、ブラウザの準備ができたら下記のURLにアクセス！
http://meengr.sakura.ne.jp/demo/

ソースを見てね☆
使ったライブラリは以下の通り。

WebGLのラッパー。ライティングとかピッキングとかこれ一発でできて便利。

チャットウィンドウとかをDraggableにするのに使用。
こういう既存のライブラリが使えるから、WebGLでゲーム作るとUIの実装がすごく簡単です。

デフォルトのスクロールバーだと見栄えが悪かったので変えるのに使用。

アイコン画像を使わせていただきました。ありがとう！

蟻地獄