// Project 01
P2P Othello
WebRTCでブラウザ同士を直接つなぐ、リアルタイム対戦オセロ。
WebRTCPeerJSJavaScriptGitHub Pages
01 / Overview
このプロジェクトについて
ブラウザだけで友人とリアルタイム対戦できるオセロです。招待URLを共有すると、ゲーム中の通信はWebRTCでプレイヤー同士を直接つなぎます。
フロントエンドをGitHub Pages、最初の接続を仲介するPeerServerをRenderに配置し、常時ゲームサーバーを持たずに運用できる構成を試しました。
02 / Highlights
特徴
- H_01 PeerJSを利用したブラウザ間のP2Pデータ通信
- H_02 URLを送るだけで始められる招待フロー
- H_03 GitHub PagesとRenderを組み合わせた低コスト構成
03 / Impact
外部での広がり
- 構成と実装を解説したZenn記事が、はてなブックマークでも紹介されました。