Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Duel Shooting Online #TechLunch
Search
Livesense Inc.
PRO
April 23, 2014
Technology
0
66
Duel Shooting Online #TechLunch
2012/06/06(水) @ Livesense TechLunch
発表者:春日 太志
Livesense Inc.
PRO
April 23, 2014
Tweet
Share
More Decks by Livesense Inc.
See All by Livesense Inc.
27新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
77
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
14
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.4k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
390
26新卒_総合職採用_会社説明資料
livesense
PRO
0
8.8k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
27k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
12k
中途セールス職_会社説明資料
livesense
PRO
0
250
EM候補者向け転職会議説明資料
livesense
PRO
0
120
Other Decks in Technology
See All in Technology
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
240
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.2k
解析の定理証明実践@Lean 4
dec9ue
1
190
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
130
開発生産性を組織全体の「生産性」へ! 部門間連携の壁を越える実践的ステップ
sudo5in5k
0
210
Lambda Web Adapterについて自分なりに理解してみた
smt7174
5
130
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
360
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
350
Geminiとv0による高速プロトタイピング
shinya337
0
170
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
2
1.2k
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
160
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
1.2k
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Code Reviewing Like a Champion
maltzj
524
40k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Visualization
eitanlees
146
16k
Thoughts on Productivity
jonyablonski
69
4.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Done Done
chrislema
184
16k
Typedesign – Prime Four
hannesfritz
42
2.7k
The Cult of Friendly URLs
andyhume
79
6.5k
The Pragmatic Product Professional
lauravandoore
35
6.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Transcript
@bar_̲row 2012年年06⽉月06⽇日 Duel Shooting Online Livesense Inc. 1
⽬目次 Livesense Inc. 2 1. 開発のきっかけ 2. ゲームの仕様 3. 使った技術・サービス
4. 開発作業⼯工程 5. C/Sの通信内容 6. 苦労した点 7. デュエルスタンバイ!
⽬目次 Livesense Inc. 3 1. 開発のきっかけ 2. ゲームの仕様 3. 使った技術・サービス
4. 開発作業⼯工程 5. C/Sの通信内容 6. 苦労した点 7. デュエルスタンバイ!
1. 開発のきっかけ Livesense Inc. 4 9leapで付いたコメントにモヤモヤしたから
⽬目次 Livesense Inc. 5 1. 開発のきっかけ 2. ゲームの仕様 3. 使った技術・サービス
4. 開発作業⼯工程 5. C/Sの通信内容 6. 苦労した点 7. デュエルスタンバイ!
2-‐‑‒1. ゲームの仕様(機体) Livesense Inc. 6 White Demon Red Comet VS
2-‐‑‒2. ゲームの仕様(機体) Livesense Inc. 7 ???
2-‐‑‒2. ゲームの仕様(全体) Livesense Inc. 8 1. アクセスが2名単位でたまると即決闘 2. どちらかのHPが0になったら終了了(画⾯面が固まる) 3.
操作している機体のみ効果⾳音(mp3)が鳴る 4. 同じ⾊色の機体同⼠士で対戦することはない 5. ⾃自機は下に、敵機は上に表⽰示される 6. フィールドの⾼高さと幅は 480*720 固定とする 7. 推奨ブラウザは Chrome※ ※Smart Device でも動くが最適化されていない ※IE8 でも動くがCSS3が適⽤用されずにレトロな感じ
2-‐‑‒3. ゲームの仕様(コマンド⼀一覧) Livesense Inc. 9
⽬目次 Livesense Inc. 10 1. 開発のきっかけ 2. ゲームの仕様 3. 使った技術・サービス
4. 開発作業⼯工程 5. C/Sの通信内容 6. 苦労した点 7. デュエルスタンバイ!
3. 使った技術・サービス Livesense Inc. 11 ※Audioのみ ※routingのみ
⽬目次 Livesense Inc. 12 1. 開発のきっかけ 2. ゲームの仕様 3. 使った技術・サービス
4. 開発作業⼯工程 5. C/Sの通信内容 6. 苦労した点 7. デュエルスタンバイ!
4. 開発作業⼯工程 Livesense Inc. 13 1. 前作レガシーコードの解体(2⼈人⽇日) 2. サーバーサイド Javascript
の把握(0.08⼈人⽇日) 3. PaaS の把握(0.04⼈人⽇日) 4. オンライン⽤用処理理の実装(3⼈人⽇日) 計 5.12⼈人⽇日
⽬目次 Livesense Inc. 14 1. 開発のきっかけ 2. ゲームの仕様 3. 使った技術・サービス
4. 開発作業⼯工程 5. C/Sの通信内容 6. 苦労した点 7. デュエルスタンバイ!
5-‐‑‒1. C/Sの通信内容(ゲーム開始まで) Livesense Inc. 15 Server Client Http: Request Http:
Response Opening 画⾯面表⽰示 双⽅方向通信開始 WS: Connection 決闘者Queueに接続者ID追加
5-‐‑‒2. C/Sの通信内容(ゲーム開始まで) Livesense Inc. 16 Server Client WS: ⾃自機敵機⾊色情報 ⾃自機と敵機の⾊色情報を元に画⾯面作成
ゲーム開始 WS: ⾃自機敵機⾊色情報くれ マッチングしてたら「⾃自機敵機⾊色情報」を返す していなかったら「待て」を返す WS: 待て 5秒後に「⾃自機敵機⾊色情報くれ」を再送信
5-‐‑‒3. C/Sの通信内容(ゲーム中〜~終了了) Livesense Inc. 17 Server Client A WS: ⽩白が撃つ
Client B WS: ⽩白が撃つ WS: ⽩白が撃つ WS: 勝利利 WS: disconnect ⾃自機が撃つEffect 敵機が撃つEffect 通信停⽌止 画⾯面更更新停⽌止 You win 通信停⽌止 画⾯面更更新停⽌止 You lose
⽬目次 Livesense Inc. 18 1. 開発のきっかけ 2. ゲームの仕様 3. 使った技術・サービス
4. 開発作業⼯工程 5. C/Sの通信内容 6. 苦労した点 7. デュエルスタンバイ!
6. 苦労した点 Livesense Inc. 19 レガシーコードいくない ・前作オフライン版のコードは拡張性が皆無だった ・⾚赤いのを動かせるようにするまで時間を要した オフラインの操作性とオンラインの整合性とを保つ ・操作性を求めるとレイテンシが整合性の邪魔をする
・厳密なゲーム進⾏行行のために同期を強めると 動きがモッサリし過ぎてストレス ・最⼩小限の同期で操作性と整合性とをトレードオフ
⽬目次 Livesense Inc. 20 1. 開発のきっかけ 2. ゲームの仕様 3. 使った技術・サービス
4. 開発作業⼯工程 5. C/Sの通信内容 6. 苦労した点 7. デュエルスタンバイ!
7. デュエルスタンバイ! Livesense Inc. 21 http://duelshooting-online.herokuapp.com/ デバッグにご協⼒力力をお願いいたします。 http://duelshooting-pocapocaunty.dotcloud.com/ Websocket Comet