o3-mini-high + o1 Proでゲームを作ろうとした。
複雑な3Dゲーム(three.js)はまだまだ難しいことがわかった。
以下は、現在のプロトタイプ版「マーブル☆スプラッシュ（仮） / キャンディ・キャニオン ステージ」を想定したREADME.mdのサンプルです。実際のプロジェクト名やファイル構成などに合わせて必要箇所を修正し、ご利用ください。
マーブル☆スプラッシュ（仮）
ポップでカラフルな世界観が特徴のFPSゲームです。 ブラウザ上で動作し、Vite + VanillaJS を使用して開発中。
上記画像は「キャンディ・キャニオン」エリアの開発中イメージです。お菓子モチーフの床テクスチャと丸い敵キャラクター（スライム状の敵）が配置されています。
目次 • 特徴 • 開発環境 • インストール • 使い方 • ゲームデザイン概要 • 操作方法 • 今後の予定 • ディレクトリ構成例 • ライセンス
特徴 • カラフルな世界観: 床やオブジェクトにポップなテクスチャを使用し、可愛らしい雰囲気を演出。 • 塗り要素（予定）: バブル弾を発射して「黒い壁」や敵をカラフルに浄化する仕組みを搭載（今後拡張予定）。 • シンプルなFPS操作: マウス視点移動 + WASD移動 + スペースジャンプなどの標準的なFPSコントロール。 • Vite + VanillaJS: 軽量かつ高速な開発環境で学習コストを抑えつつ、自由度高く実装可能。
開発環境 • 言語: JavaScript (ESModules) • ビルドツール: Vite • 描画: WebGL (または Three.js / もしくは Canvas 2D) • ※現在の実装で使用している技術に合わせて適宜修正してください。 • 推奨ブラウザ: Chrome / Firefox / Edge (最新バージョン)
インストール 1. このリポジトリをクローン or ダウンロードします。
git clone https://github.com/your-username/MarbleSplashProject.git cd MarbleSplashProject
2. 依存パッケージをインストールします。
npm install
3. ローカル開発サーバーを起動:
npm run dev
4. ブラウザで http://localhost:5173/ (Vite のデフォルトポート) にアクセスしてゲームを起動。
ポート番号は環境により異なる場合があります。ターミナルに表示されるURLを参照してください。
使い方 • ローカルで開発中のゲームをプレイ • npm run dev 実行 → ブラウザが自動で立ち上がる (または手動でアクセス)。 • ゲーム画面に入り、マウスをクリックするとカーソルがロックされ、FPS視点で操作可能。 • ビルドして公開用ファイルを作成
npm run build
• dist/ フォルダに出力される静的ファイルを任意のWebサーバーにアップロードすれば公開できます。
ゲームデザイン概要
キャンディ・キャニオン ステージ • テーマ: お菓子モチーフの床や浮島が並ぶポップな渓谷。 • 目的: 黒いスモッグを浄化しながら、エリアを進んで敵を倒す。 • 敵キャラクター: 丸いスライム状の敵が浮遊しており、プレイヤーに体当たり or 飛び道具で攻撃してくる。 • 黒い壁オブジェクト（仮）: 塗りアクション（バブル射撃）で浄化 or 破壊する仕掛けを実装予定。
現在の進捗 • 床や壁にカラフルなテクスチャを貼り付け、基礎的な“ポップ感”を表現。 • 敵スプライト（球体オブジェクト）を複数配置し、HPなどのステータスを表示。 • バブル射撃による塗りエフェクトの実装（作業中） • ステージの段差やギミック（ジャンプ台、移動足場など）の追加 • ボスエネミーの設置＆クリア条件の実装
操作方法
操作 キー / ボタン 説明 前後左右移動 W / A / S / D FPS標準操作。キーを押しっぱなしで移動続行 ジャンプ スペースキー 一定の高さまでジャンプ 視点移動 マウス移動 画面のカメラ視点を回転 (Pointer Lock利用) 射撃 左クリック バブル弾を発射（現時点では簡易的なエフェクト） ポーズ/解除 ESCキー（or右クリック） カーソルロック解除、メニュー表示（予定）
今後の予定 1. 塗りエフェクト＆浄化ギミック • 黒い壁や敵を塗るとカラフルに変化する演出を追加。 2. ステージ構成の拡張 • 高低差を活かした地形や、足場パズルなどの仕掛け。 3. 敵AIの強化 • 異なる種類の敵（遠距離攻撃、近接攻撃、飛行タイプなど）を作成。 4. UI/UXの改善 • HPや弾数、スペシャルゲージ等をわかりやすく可視化し、任天堂っぽいポップなHUDに変更。 5. サウンド/エフェクト実装 • BGM・SEを追加して、より賑やかな演出を目指す。
ディレクトリ構成例
MarbleSplashProject/ ├─ index.html ├─ package.json ├─ vite.config.js ├─ public/ │ └─ assets/ // 画像・音声など └─ src/ ├─ main.js // エントリーポイント ├─ player.js // プレイヤー制御 ├─ enemy.js // 敵制御 ├─ bullet.js // 射撃（弾）関連 ├─ renderer.js // 描画関連 (WebGL or Canvas) ├─ input.js // キーボード・マウス入力 ├─ stages/ │ └─ candyCanyonStage.js // キャンディ・キャニオン設定 └─ ...
実際のプロジェクト構成に合わせて適宜変更してください。
ライセンス • 本プロジェクトのソースコードは MIT License に基づき公開しています。 • 外部アセット（画像・音声など）を利用する場合は、個別のライセンスにもご注意ください。
以上が README.md のサンプルです。 引き続き開発を進め、よりカラフルで楽しい世界を作り上げてください！