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
1k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
250
26新卒_総合職採用_会社説明資料
livesense
PRO
0
4.5k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
13k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
8.1k
中途セールス職_会社説明資料
livesense
PRO
0
200
EM候補者向け転職会議説明資料
livesense
PRO
0
86
コロナで失われたノベルティ作成ノウハウを復活させた話
livesense
PRO
0
210
転職会議でGPT-3を活用した企業口コミ要約機能をリリースした話
livesense
PRO
0
1.3k
Other Decks in Technology
See All in Technology
AIエージェント元年
shukob
0
160
偏光画像処理ライブラリを作った話
elerac
1
170
MIMEと文字コードの闇
hirachan
2
1.4k
脳波を用いた嗜好マッチングシステム
hokkey621
0
280
実は強い 非ViTな画像認識モデル
tattaka
2
1.2k
技術スタックだけじゃない、業務ドメイン知識のオンボーディングも同じくらいの量が必要な話
niftycorp
PRO
0
100
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
140
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
630
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
260
「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly
i35_267
5
860
データエンジニアリング領域におけるDuckDBのユースケース
chanyou0311
9
2.1k
短縮URLをお手軽に導入しよう
nakasho
0
140
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
It's Worth the Effort
3n
184
28k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Designing for humans not robots
tammielis
250
25k
Site-Speed That Sticks
csswizardry
4
400
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
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