分散オブジェクトで遊ぼう！〜dRubyで作るマルチプレイヤー迷路ゲーム〜 関西Ruby会議08

Transcript

1. yumu 分散オブジェクトで遊ぼう！ dRubyで作るマルチプレイヤー迷路ゲーム
2. 今日話すこと • ゲームの概要 • dRubyについて • ゲームのアーキテクチャ • バグ集 • 改善したい点
3. 自己紹介 yumu（湯村 美吹香） • 新卒3年目 Webエンジニア • 最近はTerraform > k8s manifest > Ruby • 好きな漫画：メイドインアビス • X：@myumura3
7. ゲームの概要
8. ゲームの概要 • https://github.com/myumura/druby-game • 通信にdRuby、WebSocketを使用 • 3D迷路環境 • マルチプレイヤー対戦 • プレイヤーのロールによって異なる目標 • 5分間のタイムリミット 簡略化した地図
9. ゲームの概要 Hunter • Survivorを全員捕まえて 脱出を阻止する Survivor • 3つの鍵を集める • 脱出地点を見つけて • 脱出する VS
10. Demo 音量注意！ PCの場合は矢印キーで移動
11. dRubyについて
12. dRubyの基本概念 • 分散オブジェクトプログラミング のためのRuby標準ライブラリ • 異なるRubyプロセス間でオブジェクトを共有 し、メソッド呼び出しを可能にする プロセスA game.move(‘up’)
 プロキシ オブジェクト プロセスB def move(direction)
 # 処理
 end
 dRuby
13. dRubyで”Hello, World!” require 'drb'
 
 class HelloWorld
 def say_hello(name)
 "Hello, #{name}!"
 end
 end
 
 # オブジェクトを公開
 DRb.start_service('druby://localhost:8787', HelloWorld.new)
 DRb.thread.join
 サーバー側 require 'drb'
 
 # リモートオブジェクトへの接続
 DRb.start_service
 hello = DRbObject.new_with_uri('druby://localhost: 8787')
 
 puts hello.say_hello("関西Ruby会議") # => "Hello, 関西Ruby会議!"
 クライアント側
14. Why dRuby? • シンプルな実装で分散処理を実現できる Rubyのメソッド呼び出しと同じ書き方でネットワーク越しの連携が可能 https://www.amazon.co.jp/dRubyワークショップのためのガイド-関将俊-ebook/dp/B0F4XT5L78
15. ゲームのアーキテクチャ
17. ruby.wasm…？
18. ruby.wasm…？
19. ゲーム全体のアーキテクチャ • 3D迷路の描画 （Three.js） • ユーザー入力の処理 ブラウザ JavaScript • WebSocketサーバー （faye-websocket） • dRubyクライアント 中間サーバー Sinatra • • dRubyサーバー • ゲームロジックの • 集中管理 ゲームサーバー Ruby WebSocket dRuby
20. GameServerクラスの役割 • ゲーム状態の一元管理 プレイヤー・迷路・鍵・脱出ポイントなど • プレイヤーの参加・離脱処理 • プレイヤーの移動・衝突判定 • ゲームタイマーの管理 class GameServer
 def initialize
 @game_logic = GameLogic.new
 @timer_thread = start_timer
 end
 
 def move_player(name, position, rotation)
 # 移動処理
 end
 
 def collect_key(name, key_id)
 # 鍵の収集
 end
 # 省略
 end

21. GameLogicクラスの役割 register_player move_player get_game_state collect_key escape def move_player(name, position, rotation)
 player = @players[name]
 return false unless player
 return false unless player.can_move?
 
 # 障害物との衝突チェック
 return false if collision_with_obstacles?(position)
 
 player.position = position
 player.rotation = rotation
 # 鍵・脱出・捕獲チェック
 check_game_state
 true
 end

22. リアルタイムな操作の実現 1. キー入力 2. WebSocketで送信 3. ゲームサーバーで処 理 4. 全クライアントに配信 5. 画面更新
23. マルチスレッド • dRubyメインスレッド • WebSocket状態更新スレッド • タイマースレッド
24. Why Websocket? • dRubyだけだとブラウザと直接話せない ？ ruby.wasm？
25. https://speakerdeck.com/lnit/kansairubykaigi08-wasm-websocket
26. バグ集
27. 相手のアバターが見えない
28. 画面がブルブルする
29. 捕まったサバイバーが移動できる
30. 他にも... • 壁に突き刺さる • 壁に挟まれて動けない • 鍵が鍵っぽい形にならない • タイマーが開始しない • 音が癇に障る ◦ Web Audio API（ブラウザ標準API）
31. 改善したい点
32. 改善したい点 • dRuby ◦ セキュアではない ◦ パフォーマンスの懸念 • ruby.wasmで動かしてみたい • （細かいバグはいっぱいある😂）
33. まとめ
34. dRubyで作るということ • プロトコルを意識せず、Rubyのメソッド呼び出しとして書ける • 簡単に使える！！！ プロセスA game.move(‘up’)
 プロキシ オブジェクト プロセスB def move(direction)
 # 処理
 end
 dRuby
35. Vibe Coding
36. 最初はここから ...
37. 昨日（今日？）の深夜やったこと • VPSで公開！ • 効果音の修正！ • モバイルブラウザ対応！
38. Kaigi Effect最高！🥳
39. Thank You!