JavaScript ゲーム製作勉強会 Vol.1(http://partake.in/events/0fd0a387-a43c-4405-8750-34131fb8bde6)で発表に使った資料です。 デモに利用したソースコードは下記にあります。 https://github.com/ndruger/kinect-network-game

1. Kinect同士のネットワーク
対戦ゲーム
ndruger

2. 自己紹介
名前: 雪岡 重信
仕事: 組み込みエンジニア
Twitter: ndruger
最近の人気エントリー
javascriptを使わず、html + cssだけでク
リックシューティングゲームを作ってみた
(http://d.hatena.ne.jp/ndruger/20110428)
/1304021590)

3. 利用技術・製品
Node.js
javascriptでサーバーサイドプログラムが書ける
WebSocket
少ない帯域で通信＆サーバープッシュができる
WebGL
OpenGL ES2.0がブラウザで使える
VR920(HMD)
映像&地磁気センサーで見ている方向も取れる
Kinect
物・人の位置をトレースできる

4. デモ1
3D空間内を動き回って、パンチで弾を出し
て、相手を倒す
相手の弾をHTML5の盾で防げる
ジェスチャーを使った移動は未実装 。とりあえ
ずiPhone/Androidで移動可能
HMDで周りを見渡せる
テクスチャ・エフェクトが未実装なので驚きの
チープさ

5. デモの構成

6. 利用しているライブラリ等
Scene.js
WebGLライブラリ。ツリー構造で管理しやすい
glMatrix.js
3Dの演算
Node.js
サーバー・クライアントの各プレイヤークラスは共通コー
ドのプレイヤークラスから継承している
Socket.IO
WebSocketのラッピング。WebSocket未対応の
Androidからの操作への対応

7. Kinect + ブラウザの未来を想像
ブラウザの機能として規格化する
簡単に導入できる拡張 -> 規格化
Scene.jsのオブジェクトへの変換が手軽になる
誰でも世界を簡単に作ってその中を動き回れ
るし、何かを触ったり出来る
フィードバック用の安価なハードウェアが広まる
物体を触ったりできる

8. デモ2
3人以上の場合のエミュレート
2～5人ぐらいで誰かが一時的にサー
バーを建ててゲームする形が妥当
パケット量を削減してないので、4人で
6Mbpsほど使う

9. まとめ
ブラウザ + Kinect + HMDを使って、す
ごい没入感の世界が大がかりな機材な
しで作れるし、他の人と体験することもで
きる