FramePlanner2
FramePlanner2 copied to clipboard
FramePlanner
マンガの枠組みをツリー構造のデータ(JSON)で定義して、その中で各コマをウィンドウのように扱って絵を配置できるツールです。
操作・機能
https://user-images.githubusercontent.com/128374/227374915-7b2a48c0-270c-411e-b584-427322663537.mp4
https://user-images.githubusercontent.com/128374/227375161-c7eb2511-1c06-4746-8ee6-7eec095deb06.mp4
https://user-images.githubusercontent.com/128374/227375169-74fbdb1f-0aa0-4926-94f9-4674b680e473.mp4
インストール方法
以下の手順に従って、FramePlanner2をインストールして開発サーバーを起動します。 (WSL2、ubuntu22前提)
1.このリポジトリをクローン:
git clone https://github.com/jonigata/FramePlanner2.git
2.ディレクトリに移動:
cd FramePlanner2
3.必要な依存関係をインストール:
npm install
4.開発サーバーを起動:
npm run dev
5.ブラウザでアプリケーションにアクセス:
http://localhost:5173
フキダシの追加方法
- src/lib/layeredCanvas/bubbleGraphic.jsに関数を追加
- src/lib/layeredCanvas/bubbleGraphic.jsのdrawBubbleにエントリを追加
- src/BubbleChooser.svelteの真ん中あたりに形状が列挙してある場所があるので、そこに追加
ライセンス
MIT
ユーザーが制作したコンテンツに関しては一切関知しません。