Kinect同士のネットワーク      対戦ゲーム      ndruger
自己紹介名前: 雪岡 重信仕事: 組み込みエンジニアTwitter:  ndruger 最近の人気エントリー  javascriptを使わず、html + cssだけでク  リックシューティングゲームを作ってみた  (http://d.hate...
利用技術・製品 Node.js    javascriptでサーバーサイドプログラムが書ける WebSocket     少ない帯域で通信&サーバープッシュができる WebGL     OpenGL ES2.0がブラウザで使える VR920(H...
デモ1     3D空間内を動き回って、パンチで弾を出し    て、相手を倒す    相手の弾をHTML5の盾で防げる    ジェスチャーを使った移動は未実装 。とりあえ    ずiPhone/Androidで移動可能    HMDで周りを見渡...
デモの構成
利用しているライブラリ等 Scene.js    WebGLライブラリ。ツリー構造で管理しやすい glMatrix.js    3Dの演算 Node.js    サーバー・クライアントの各プレイヤークラスは共通コー    ドのプレイヤークラスか...
Kinect + ブラウザの未来を想像 ブラウザの機能として規格化する   簡単に導入できる拡張 -> 規格化 Scene.jsのオブジェクトへの変換が手軽になる   誰でも世界を簡単に作ってその中を動き回れ   るし、何かを触ったり出来る フ...
デモ2    3人以上の場合のエミュレート     2~5人ぐらいで誰かが一時的にサー     バーを建ててゲームする形が妥当     パケット量を削減してないので、4人で     6Mbpsほど使う 
まとめ    ブラウザ + Kinect + HMDを使って、す    ごい没入感の世界が大がかりな機材な    しで作れるし、他の人と体験することもで    きる 
Upcoming SlideShare
Loading in...5
×

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

3,372

Published on

JavaScript ゲーム製作勉強会 Vol.1(http://partake.in/events/0fd0a387-a43c-4405-8750-34131fb8bde6)で発表に使った資料です。

デモに利用したソースコードは下記にあります。
https://github.com/ndruger/kinect-network-game

1 Comment
2 Likes
Statistics
Notes
  • デモに利用したソースコードです。
    https://github.com/ndruger/kinect-network-game
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,372
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
7
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

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

  1. 1. Kinect同士のネットワーク 対戦ゲーム  ndruger
  2. 2. 自己紹介名前: 雪岡 重信仕事: 組み込みエンジニアTwitter:  ndruger 最近の人気エントリー javascriptを使わず、html + cssだけでク リックシューティングゲームを作ってみた (http://d.hatena.ne.jp/ndruger/20110428) /1304021590)
  3. 3. 利用技術・製品 Node.js javascriptでサーバーサイドプログラムが書ける WebSocket  少ない帯域で通信&サーバープッシュができる WebGL  OpenGL ES2.0がブラウザで使える VR920(HMD) 映像&地磁気センサーで見ている方向も取れる Kinect 物・人の位置をトレースできる
  4. 4. デモ1  3D空間内を動き回って、パンチで弾を出し て、相手を倒す 相手の弾をHTML5の盾で防げる ジェスチャーを使った移動は未実装 。とりあえ ずiPhone/Androidで移動可能 HMDで周りを見渡せる  テクスチャ・エフェクトが未実装なので驚きの チープさ 
  5. 5. デモの構成
  6. 6. 利用しているライブラリ等 Scene.js WebGLライブラリ。ツリー構造で管理しやすい glMatrix.js 3Dの演算 Node.js サーバー・クライアントの各プレイヤークラスは共通コー ドのプレイヤークラスから継承している Socket.IO WebSocketのラッピング。WebSocket未対応の Androidからの操作への対応
  7. 7. Kinect + ブラウザの未来を想像 ブラウザの機能として規格化する 簡単に導入できる拡張 -> 規格化 Scene.jsのオブジェクトへの変換が手軽になる 誰でも世界を簡単に作ってその中を動き回れ るし、何かを触ったり出来る フィードバック用の安価なハードウェアが広まる 物体を触ったりできる
  8. 8. デモ2 3人以上の場合のエミュレート 2~5人ぐらいで誰かが一時的にサー バーを建ててゲームする形が妥当 パケット量を削減してないので、4人で 6Mbpsほど使う 
  9. 9. まとめ ブラウザ + Kinect + HMDを使って、す ごい没入感の世界が大がかりな機材な しで作れるし、他の人と体験することもで きる 
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×