アンキロカップ

弓DOOOOON

https://github.com/claustra01/hackz-ankylo

TypeScript

React

PCで置いた的をVRで撃ち落とせ!リアルタイムVR射的ゲーム!

claustra01

Semikoron

坂本寛弥

推しアイデア

VRコントローラーを弓みたいに引いて操作するよ

作った背景

「視覚」で色々遊びたかった

推し技術

VR!WebRTC!物理演算!

プロジェクト詳細

概要

的を配置するPC側プレイヤーと的を撃ち落とすVR側プレイヤーに分かれて遊ぶリアルタイム射的ゲーム!もちろん物理演算も実装!

新しく配置された的や発射された弓はリアルタイムでお互いの画面上に表示されるよ!

  • VR視点 image
  • PC視点 image

2つのVRコントローラを使って弓を引こう!引いた強さに合わせて矢の勢いも変わるよ!

クライアント

PC側もVR側も共通のクライアントサイド実装(Vite+React)になっており、3D実装やXR対応はreact-three-fiberとその拡張パッケージで実現している

物理演算エンジンはRust製で軽いrapierを使用

WebRTCはP2P通信なので通信周りのコードも含め全てクライアントだけで完結している

WebRTC

シグナリングサーバーを介してWebRTCのコネクションを持ち、その中で的や矢の情報をやり取りしている

シグナリングサーバーにはScaleDroneを使用、Peer周りはフルスクラッチ

image

claustra01

@claustra01