🏰 3D ダンジョンマップクリエイター

Webベースの3DダンジョンRPG用マップエディタです。 直感的な2Dグリッドエディタを使用してダンジョンマップを作成し、マップはJSON形式で保存・読み込み可能です。

The site is hosted: https://dungeon-map-creator.vercel.app/ or: https://shigenius.github.io/dungeon-map-creator/

セットアップ

必要なもの

• Node.js 18+
• npm または yarn

インストール

# リポジトリをクローン
git clone https://github.com/shigenius/dungeon-map-creator.git
cd dungeon-map-creator

# 依存関係をインストール
npm install

開発環境

開発サーバー起動

npm run dev

ビルド

# プロダクションビルド
npm run build

# ビルド結果のプレビュー
npm run preview

使用方法

基本操作

1. 新規プロジェクト作成: アプリケーション起動時に新規プロジェクト作成ダイアログが表示されます
2. ツール選択: ツールバーから描画ツールを選択（キーボードショートカット: 1-5）
3. レイヤー切り替え: 床、壁、イベント、装飾レイヤーを切り替え（キーボードショートカット: F, W, E, D）
4. マップ編集: キャンバス上でクリック・ドラッグして編集

キーボードショートカット

• ツール選択: 1(ペン), 2(矩形), 3(塗りつぶし), 4(スポイト), 5(消しゴム)
• レイヤー: F(床), W(壁), E(イベント), D(装飾), Tab(レイヤー循環)
• 表示: Ctrl+G(グリッド), Ctrl++/-(ズーム), Ctrl+0(ズームリセット)
• 編集: Ctrl+Z(アンドゥ), Ctrl+Y(リドゥ), Ctrl+S(保存)
• テンプレート: Q(左回転), R(右回転), Enter(範囲選択確定)

ファイル操作

• 保存: ファイルメニュー → 保存（JSONファイルとしてダウンロード）
• 読み込み: ファイルメニュー → 開く（JSONファイルをアップロード）