VNメモ帳（ビジュアルノベルメモ帳）

A visual novel script builder for RPGEN.

https://rpgja.github.io/rpgen-novel/

概要 / Overview

VNメモ帳（ビジュアルノベルメモ帳） は、RPGEN（ロールプレイングゲームエンジン）で動作するビジュアルノベルゲームのイベントスクリプトを作るためのWebアプリです。

特徴 / Features

• タイムラインエディタ: 会話、待機、キャラクターアクション、選択肢分岐などのコマンドをビジュアルに組み立て・並び替えできます。
• インタラクティブプレビュー: 作成中のスクリプトを、実際のノベルゲームのように再生して、キャラクターの動きや選択肢分岐の動作確認が可能です。
• キャラクター管理: ID、表示座標、デフォルト画像、および表情ごとの画像URL（Imgur等）を定義・管理できます。
• 分岐のネスト対応: 選択肢コマンドの中に、それぞれ独自のコマンドタイムラインを配置できるため、複雑なストーリー分岐も表現できます。
• Undo / Redo機能: コマンドやキャラクターの編集履歴を履歴スタックで管理し、元に戻したりやり直したりできます。
• インポート / エクスポート: 作成中の状態を JSON ファイルで保存し、いつでも再開できます。
• ワンクリックコンパイル: 最終的なRPGENイベントコードをリアルタイム生成。立ち絵のプリロード命令（チラつき防止）も自動で挿入されます。
• マニュアル・サンプル完備: 使い方マニュアルや、プリセットストーリー（モモイ、ミドリなど）ですぐにテストできます。

採用技術 / Tech Stack

• 開発言語: TypeScript
• 実行環境: Volta / pnpm / Biome
• フロントエンド: SvelteKit (Svelte 5) / Tailwind CSS / Skeleton / Lucide

別に守らなくてもいいコーディング規約 / Coding Standards

• 素のHTML + ユーティリティクラスで微調整
• Skeletonコンポーネント + ユーティリティクラスで微調整
• @apply等でDRYにするのは禁止

環境構築 / Getting Started

1. Volta をインストール
2. このリポジトリをローカルにクローン
3. pnpm をインストール
4. この README.md があるディレクトリを VS Code で開く
5. 拡張機能タブから推奨拡張をインストール
6. pnpm i を実行して依存関係をインストール
7. よく使うコマンド:
   • pnpm run dev — 開発ビルド
   • pnpm run prod — 本番ビルド (または pnpm run build)

今後の予定 / Roadmap

• ✅ タイムライン・コマンドエディタ
• ✅ キャラクター管理・表情設定
• ✅ インタラクティブ・プレビュー再生
• ✅ RPGENイベントスクリプト出力
• ✅ Undo / Redo 履歴管理
• ✅ プロジェクトJSONインポート/エクスポート

Webアプリのライセンス / License

• MIT
  Webアプリそのものには MIT ライセンスが適用されます。詳細は LICENSE をご覧ください。

作品利用について / About Your Creations

• このWebアプリで作成されたデータの著作権および利用権は、すべて作成者（利用者）に帰属します。
• 商用・非商用を問わず、自由に利用・改変・配布いただけます。
• 著作権表記や利用報告も一切不要です。
• 安心してご活用ください。

コントリビュート / Contributing

改善案・バグ報告・PR 歓迎です！

1. Issue を作成
2. Fork & ブランチ作成
3. PR を送信してレビューを待つ

---

Pull requests are welcome! Let's build better sprite tools together 🧙‍♀️✨