Duel Shooting Online #TechLunch

Transcript

1. @bar_̲row  2012年年06⽉月06⽇日 Duel  Shooting  Online Livesense  Inc. 1

2. ⽬目次 Livesense  Inc. 2 1.  開発のきっかけ 2.  ゲームの仕様 3.  使った技術・サービス

   4.  開発作業⼯工程 5.  C/Sの通信内容 6.  苦労した点 7.  デュエルスタンバイ！

3. ⽬目次 Livesense  Inc. 3 1.  開発のきっかけ 2.  ゲームの仕様 3.  使った技術・サービス

   4.  開発作業⼯工程 5.  C/Sの通信内容 6.  苦労した点 7.  デュエルスタンバイ！

4. 1.  開発のきっかけ Livesense  Inc. 4 9leapで付いたコメントにモヤモヤしたから

5. ⽬目次 Livesense  Inc. 5 1.  開発のきっかけ 2.  ゲームの仕様 3.  使った技術・サービス

   4.  開発作業⼯工程 5.  C/Sの通信内容 6.  苦労した点 7.  デュエルスタンバイ！

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

7. 2-‐‑‒2.  ゲームの仕様(機体) Livesense  Inc. 7 ？？？

8. 2-‐‑‒2.  ゲームの仕様(全体) Livesense  Inc. 8 1.  アクセスが2名単位でたまると即決闘 2.  どちらかのHPが0になったら終了了(画⾯面が固まる) 3. 

   操作している機体のみ効果⾳音(mp3)が鳴る 4.  同じ⾊色の機体同⼠士で対戦することはない 5.  ⾃自機は下に、敵機は上に表⽰示される 6.  フィールドの⾼高さと幅は  480*720  固定とする 7.  推奨ブラウザは  Chrome※ ※Smart  Device  でも動くが最適化されていない ※IE8  でも動くがCSS3が適⽤用されずにレトロな感じ

9. 2-‐‑‒3.  ゲームの仕様(コマンド⼀一覧) Livesense  Inc. 9

10. ⽬目次 Livesense  Inc. 10 1.  開発のきっかけ 2.  ゲームの仕様 3.  使った技術・サービス

    4.  開発作業⼯工程 5.  C/Sの通信内容 6.  苦労した点 7.  デュエルスタンバイ！

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

12. ⽬目次 Livesense  Inc. 12 1.  開発のきっかけ 2.  ゲームの仕様 3.  使った技術・サービス

    4.  開発作業⼯工程 5.  C/Sの通信内容 6.  苦労した点 7.  デュエルスタンバイ！

13. 4.  開発作業⼯工程 Livesense  Inc. 13 1.  前作レガシーコードの解体（2⼈人⽇日） 2.  サーバーサイド  Javascript

     の把握（0.08⼈人⽇日） 3.  PaaS  の把握（0.04⼈人⽇日） 4.  オンライン⽤用処理理の実装（3⼈人⽇日） 計  5.12⼈人⽇日

14. ⽬目次 Livesense  Inc. 14 1.  開発のきっかけ 2.  ゲームの仕様 3.  使った技術・サービス

    4.  開発作業⼯工程 5.  C/Sの通信内容 6.  苦労した点 7.  デュエルスタンバイ！

15. 5-‐‑‒1.  C/Sの通信内容(ゲーム開始まで) Livesense  Inc. 15 Server Client Http:  Request Http:

     Response Opening  画⾯面表⽰示 双⽅方向通信開始 WS:  Connection 決闘者Queueに接続者ID追加

16. 5-‐‑‒2.  C/Sの通信内容(ゲーム開始まで) Livesense  Inc. 16 Server Client WS:  ⾃自機敵機⾊色情報 ⾃自機と敵機の⾊色情報を元に画⾯面作成

    ゲーム開始 WS:  ⾃自機敵機⾊色情報くれ マッチングしてたら「⾃自機敵機⾊色情報」を返す していなかったら「待て」を返す WS:  待て 5秒後に「⾃自機敵機⾊色情報くれ」を再送信

17. 5-‐‑‒3.  C/Sの通信内容(ゲーム中〜～終了了) Livesense  Inc. 17 Server Client  A WS:  ⽩白が撃つ

    Client  B WS:  ⽩白が撃つ WS:  ⽩白が撃つ WS:  勝利利 WS:  disconnect ⾃自機が撃つEffect 敵機が撃つEffect 通信停⽌止 画⾯面更更新停⽌止 You  win 通信停⽌止 画⾯面更更新停⽌止 You  lose

18. ⽬目次 Livesense  Inc. 18 1.  開発のきっかけ 2.  ゲームの仕様 3.  使った技術・サービス

    4.  開発作業⼯工程 5.  C/Sの通信内容 6.  苦労した点 7.  デュエルスタンバイ！

19. 6.  苦労した点 Livesense  Inc. 19 レガシーコードいくない ・前作オフライン版のコードは拡張性が皆無だった ・⾚赤いのを動かせるようにするまで時間を要した オフラインの操作性とオンラインの整合性とを保つ ・操作性を求めるとレイテンシが整合性の邪魔をする

    ・厳密なゲーム進⾏行行のために同期を強めると  　動きがモッサリし過ぎてストレス ・最⼩小限の同期で操作性と整合性とをトレードオフ

20. ⽬目次 Livesense  Inc. 20 1.  開発のきっかけ 2.  ゲームの仕様 3.  使った技術・サービス

    4.  開発作業⼯工程 5.  C/Sの通信内容 6.  苦労した点 7.  デュエルスタンバイ！

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