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
63
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.
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.1k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
260
26新卒_総合職採用_会社説明資料
livesense
PRO
0
4.7k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
13k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
8.2k
中途セールス職_会社説明資料
livesense
PRO
0
200
EM候補者向け転職会議説明資料
livesense
PRO
0
87
コロナで失われたノベルティ作成ノウハウを復活させた話
livesense
PRO
0
210
転職会議でGPT-3を活用した企業口コミ要約機能をリリースした話
livesense
PRO
0
1.3k
Other Decks in Technology
See All in Technology
JAWS DAYS 2025 アーキテクチャ道場 事前説明会 / JAWS DAYS 2025 briefing document
naospon
0
2.8k
事業を差別化する技術を生み出す技術
pyama86
2
500
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
120
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
540
クラウド食堂とは?
hiyanger
0
130
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
46k
LayerXにおけるAI活用事例とその裏側(2025年2月) バクラクの目指す “業務の自動運転” の例 / layerx-ai-deim2025
yuya4
1
310
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
2
530
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
170
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
210
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
3
1k
x86-64 Assembly Essentials
latte72
1
210
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Designing for Performance
lara
605
68k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Code Reviewing Like a Champion
maltzj
521
39k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Building Your Own Lightsaber
phodgson
104
6.2k
Gamification - CAS2011
davidbonilla
80
5.2k
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