Node+express+SocketIO+Prototype で対戦型シューティングゲームをつくりました。

1. Nodeで対戦型シューティング
Duel Shooting Online
@bar_row
1

2. 目次
1. 前作の紹介
2. ゲームの仕様
3. 使った技術・サービス
4. 開発作業工程
5. C/Sの通信内容
6. 苦労した点
7. デュエルスタンバイ！
2

3. 目次
1. 前作の紹介
2. ゲームの仕様
3. 使った技術・サービス
4. 開発作業工程
5. C/Sの通信内容
6. 苦労した点
7. デュエルスタンバイ！
3

4. 1. 前作の紹介
http://9leap.net/games/1019
4

5. 目次
1. 前作の紹介
2. ゲームの仕様
3. 使った技術・サービス
4. 開発作業工程
5. C/Sの通信内容
6. 苦労した点
7. デュエルスタンバイ！
5

6. 2-1. ゲームの仕様(機体)
White Demon
VS Red Comet
6

7. 2-2. ゲームの仕様(機体)
？？？
7

8. 2-2. ゲームの仕様(全体)
1. アクセスが2名単位でたまると即決闘
2. どちらかのHPが0になったら終了(画面が固まる)
3. 操作している機体のみ効果音(mp3)が鳴る
4. 同じ色の機体同士で対戦することはない
5. 自機は下に、敵機は上に表示される
6. フィールドの高さと幅は 480*720 固定とする
7. 推奨ブラウザは Chrome※
※Smart Device でも動くが最適化されていない
※IE8 でも動くがCSS3が適用されずにレトロな感じ
8

9. 2-3. ゲームの仕様(コマンド一覧)
9

10. 目次
1. 前作の紹介
2. ゲームの仕様
3. 使った技術・サービス
4. 開発作業工程
5. C/Sの通信内容
6. 苦労した点
7. デュエルスタンバイ！
10

11. 3. 使った技術・サービス
※routingのみ
※Audioのみ
11

12. 目次
1. 前作の紹介
2. ゲームの仕様
3. 使った技術・サービス
4. 開発作業工程
5. C/Sの通信内容
6. 苦労した点
7. デュエルスタンバイ！
12

13. 4. 開発作業工程
1. 前作レガシーコードの解体（2人日）
2. サーバーサイド Javascript の把握（0.08人日）
3. PaaS の把握（0.04人日）
4. オンライン用処理の実装（3人日）
計 5.12人日
13

14. 目次
1. 前作の紹介
2. ゲームの仕様
3. 使った技術・サービス
4. 開発作業工程
5. C/Sの通信内容
6. 苦労した点
7. デュエルスタンバイ！
14

15. 5-1. C/Sの通信内容(ゲーム開始まで)
Http: Request
Http: Response
Opening 画面表示
双方向通信開始
Client Server
WS: Connection
決闘者Queueに接続者ID追加
15

16. 5-2. C/Sの通信内容(ゲーム開始まで)
WS: 自機敵機色情報くれ
マッチングしてたら「自機敵機色情報」を返す
していなかったら「待て」を返す
WS: 自機敵機色情報
自機と敵機の色情報を元に画面作成
ゲーム開始
Client Server
WS: 待て
5秒後に「自機敵機色情報くれ」を再送信
16

17. 5-3. C/Sの通信内容(ゲーム中～終了)
WS: 白が撃つ
WS: 白が撃つ WS: 白が撃つ
自機が撃つEffect 敵機が撃つEffect
WS: disconnect
WS: 勝利 通信停止
Client A Server 画面更新停止 Client B
通信停止 You lose
画面更新停止
You win
17

18. 目次
1. 前作の紹介
2. ゲームの仕様
3. 使った技術・サービス
4. 開発作業工程
5. C/Sの通信内容
6. 苦労した点
7. デュエルスタンバイ！
18

19. 6. 苦労した点
レガシーコードいくない
・前作オフライン版のコードは拡張性が皆無だった
・赤いのを動かせるようにするまで時間を要した
オフラインの操作性とオンラインの整合性とを保つ
・操作性を求めるとレイテンシが整合性の邪魔をする
・厳密なゲーム進行のために同期を強めると
動きがモッサリし過ぎてストレス
・最小限の同期で操作性と整合性とをトレードオフ
19

20. 目次
1. 前作の紹介
2. ゲームの仕様
3. 使った技術・サービス
4. 開発作業工程
5. C/Sの通信内容
6. 苦労した点
7. デュエルスタンバイ！
20

21. 7. デュエルスタンバイ！
デバッグにご協力をお願いいたします。
Websocket
http://duelshooting-pocapocaunty.dotcloud.com/
Comet
http://duelshooting-online.herokuapp.com/
21