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
enebularLT
Search
canonno
December 02, 2021
Technology
0
250
enebularLT
canonno
December 02, 2021
Tweet
Share
More Decks by canonno
See All by canonno
communeLT
canonno
0
7.3k
yurufuwaLT
canonno
0
150
Try_English_LT.pdf
canonno
1
300
IoT LT
canonno
0
340
Enebular LT
canonno
0
790
Other Decks in Technology
See All in Technology
"とにかくやってみる"で始めるAWS Security Hub
maimyyym
2
110
テストコード品質を高めるためにMutation Testingライブラリ・Strykerを実戦導入してみた話
ysknsid25
7
2.7k
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
560
ノーコードデータ分析ツールで体験する時系列データ分析超入門
negi111111
0
430
SDN の Hype Cycle を一通り経験してみて思うこと / Going through the Hype Cycle of SDN
mshindo
3
230
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
210
EventHub Startup CTO of the year 2024 ピッチ資料
eventhub
0
130
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
210
なぜ今 AI Agent なのか _近藤憲児
kenjikondobai
4
1.4k
インフラとバックエンドとフロントエンドをくまなく調べて遅いアプリを早くした件
tubone24
1
440
開発生産性を上げながらビジネスも30倍成長させてきたチームの姿
kamina_zzz
2
1.7k
LINEヤフーにおけるPrerender技術の導入とその効果
narirou
1
410
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Visualization
eitanlees
145
15k
A better future with KSS
kneath
238
17k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
140
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Site-Speed That Sticks
csswizardry
0
40
Done Done
chrislema
181
16k
Transcript
enebularで対戦ゲームをつくってみたい 賀野 壮一朗 Twitter:@canonno_blog ※失敗しているので アドバイスなどあればお願いします!
自己紹介 • 賀野 壮一朗 • 日系飲料メーカーSIer 入社三年目 • 微生物学研究室出身 (ITド初心者)
• ProtoOut 4期生。
お絵描きライブラリp5jsらぶ
おにごっこゲームを作った https://affectionate-edison-a21421.netlify.app/kakurenbo.html
おにごっこゲームを作った ->これを通信ゲームにしたい https://affectionate-edison-a21421.netlify.app/kakurenbo.html
余談
余談
Websocket Nodeを使って試行錯誤しました ※websocket:サーバーからクライアント側へプッシュ可能な双方向型プロトコル 逃げる側 鬼側 /ws/nigeruに接続 /ws/oniに接続 ↑を入力 /ws/nigeruへ送信 /ws/oniから受信
相手が↑を入力 した画面反映
サーバー側から鬼を動かす
サーバー側から鬼を動かす
クライアント側から送る
Websocket Nodeを使って試行錯誤しました ※websocket:サーバーからクライアント側へプッシュ可能な双方向型プロトコル 逃げる側 鬼側 /ws/nigeruに接続 /ws/oniに接続 ↑を入力 /ws/nigeruへ送信 /ws/oniから受信
相手が↑を入力 した画面反映 ◎ ◎
/ws/nigeruから/ws/oniへ送り込む 逃げる側の入力を 鬼側へ送る 鬼側の入力を 逃げる側へ送る
/ws/nigeruから/ws/oniへ送り込む -> うまくいかない 逃げる側の入力を 鬼側へ送る 逃げる側ブラウザで入力 ここまで問題ないことがわかってる 鬼側ブラウザに反映されない それどころか受信もされない
enebular/Node-Redを使った 対戦ゲーム作ってみた的な 資料あったら教えてください!!! これができるなら サーバー側書かなくていいかららくちん