A-FrameとSocket.IOを使ってリアルタイム通信ができるWebVRアプリを作ってみる - VOYAGE GROUP VR室ブログ

こんばんは。古くて重いMacBook Proを背負って腰が崩壊した@daybysay です。 腰に課題を感じるエンジニアの皆様におかれましてはぜひ軽めのMacBookを背負ってご活動をお勧めいたします。 さて、今回はは複数人で同期しながら遊べるタイプのVRコンテンツ開発を試してみました。 内容としては、A-FrameとWebSocketを使ったリアルタイムマルバツゲームの実装です！ 出来上がりはこんな感じです。 リポジトリはこちら github.com そして今回出来上がったマルバツゲームへのリンクがこちらです。 目次 目次 アプリの構想 環境構築 アプリケーション実装 クライアントサイドの実装 マス目を置く プレイヤー（カメラ）を用意 クリックできるようにする プレイヤー名表示 サーバサイドの実装 Socket.IOを使う準備をする 別々のプレイヤーとして接続できるようにする マス目のク

[braitom]

A-FrameとSocket.IOを使って複数人で同期しながら遊べるタイプのVRコンテンツの作り方について。