Tourist Trap Together

Tourist Trap Together は、オンラインマルチプレイヤー方向の進行中ブラウザゲームです。観光ロードトリップ風のゲーム世界を持ち、プレイヤーはブラウザからシングルプレイヤールートを開始したり、マルチプレイヤーサーバーを選択・作成したりできます。

このプロジェクトで特に重要なのは制作プロセスです。初期版は週末に AI コーディングエージェントを使って作りました。私はソースコードを一行ずつ手書きしていません。私の役割は、プロダクト方向の定義、実装方針の指示、挙動確認、UX の調整、公開できるブラウザ体験まで進めることでした。

何を作っているか

• ブラウザで遊べる、スタイルのあるメインメニュー付きゲーム。
• アカウント導線と Co-op 入口を持つマルチプレイヤー志向のゲーム体験。
• インタラクティブな 3D ゲーム体験に向けた Babylon.js ベースのクライアント。
• 今後もゲームプレイ、マルチプレイヤー、コンテンツ更新を追加していく進行中プロダクト。

技術的方向性

クライアント側は React、Vite、TypeScript、Babylon.js、react-babylonjs を中心にしています。マルチプレイヤーとバックエンド方向では Colyseus、Express、Prisma、PostgreSQL を使用しています。

アーキテクチャは Web ファーストのゲーム体験を中心にしつつ、Web 開発、サーバー開発、フルスタックローカル開発、デスクトップ実験に対応できる形です。ここでは高レベルの技術説明のみを行い、実装コードは公開しません。

AI 主導開発

このプロジェクトは、AI コーディングエージェントを使ってプロダクト構築を速くする実験の一つです。AI を単なる補完ツールではなく、実装チームとして扱いました。私はプロダクトを説明し、出力をレビューし、方向を修正し、動作するデモを確認しながら、見せられる体験になるまで反復しました。

完成品ではなく、現在も進行中です。プロダクト方向、技術設計、AI 支援実装をうまく組み合わせることで、週末ビルドでも公開できるプレイ可能なプロダクトに近づけることを示すプロジェクトです。