見出し画像

【Mystic Forest Three（第四弾）】本ゲームを公開しました【Codex】

miya

概要

神秘の森を探索できる2.5Dゲーム「Mystic Forest Three」の進捗です。
キャラクターの歩行アニメーション（足が動いていない点）を改善し、本ゲームをGitHubで公開しました。

今後の展望

敵とのシームレスなバトルシステムを実装します。

本ゲームについて

URL

Mystic Forest Three | GitHub Pages | miya

概要

ローポリボクセル風の神秘の森を探索できる、2.5Dブラウザゲームです。
段差のある森、川、橋、石畳、発光クリスタル、ランタン、キノコや巨木を3Dシーンとして構成しています。
プレイヤーと3人の仲間はスプライトで表示し、移動方向に応じてアニメーションを切り替えます。

操作方法

  • `W` / `A` / `S` / `D` | プレイヤー移動

  • 矢印キー | プレイヤー移動

  • マウスドラッグ | カメラ回転

  • マウスホイール | ズームイン・ズームアウト

特徴

  • ボクセル状の地形ブロックを生成し、草地、土、石畳、水面を配置

  • 発光する水色/紫のクリスタル、ランタン、キノコ、木、橋をシーン内に配置

  • `OrbitControls` でマップを回転可能にし、カメラ方向を元にプレイヤー移動方向を算出

  • 移動中のみ歩行アニメーションを再生

  • thief / swordsman / wizard の companion が隊列追従

  • プレイヤーの足元へ影を追従

使用技術

  • Codex（GPT-5.5）| 実装、README作成

  • Vite | 開発サーバー、ビルド

  • TypeScript | ゲームロジック、入力処理

  • Three.js | 3D描画、ジオメトリ、マテリアル、ライティング、カメラ

  • HTML Canvas / WebGL | ブラウザ上でのリアルタイム描画

使用Codexスキル

  • Image Gen | テクスチャ画像の生成

  • Generate 2D Sprite | プレイヤー歩行アニメーションの生成、透明PNG化、フレーム分割

  • Playwright Interactive | テスト

動画タイムライン

0:00 修正後の本ゲームをプレイ

関連URL

タグ

#AgentSpriteForge
#ForestField
#Codex
#GameDev
#AIImage

いいなと思ったら応援しよう！