インストール不要・ファイルを開くだけ・データは自分のPC内だけ（ネットに送らない）。 立ち絵1枚から、帯とセリフといっしょにキャラが飛び込んでくる「動くカットイン」を作って、APNG・動くWebP・連番PNG（ZIP）で保存できるツールです。HTMLファイルをChromeなどで開くだけで、Windows / Mac どちらでも動きます。 ■ 誰向け ・ココフォリアで遊ぶTRPGのPL・GM（KP）。自分のキャラの決めゼリフや技名をカットインで出したい人 ・VTuber・配信者。立ち絵が横から飛び込んでくる演出を配信や動画に使いたい人 ・動画編集ソフトやAfter Effectsを使わずに、透過の動く画像を作りたい人 ・カットイン素材を買っても「自分のキャラ」では作れなくて困っていた人 ■ できること ・立ち絵（透過PNG・JPG・WebP）を1枚入れるだけ。日本語ファイル名OK、4000×4000pxの大きい画像もOK ・キャラ・帯・セリフが 左／右／上／下 から入ってきて、止まって、抜けていく動きを自動で作成 ・動き方（シュッと止まる・少し行き過ぎて戻る・ゆっくり→速く→ゆっくり・一定）、入り／止まる／抜けの秒数、fps（1〜60）を指定 ・帯：グラデーション・単色・ストライプ・帯なし、色2つ、太さ・位置・傾き、ふちの線 ・セリフ＋小さい文字（キャラ名など）、文字の大きさ・色・ふち色・ふちの太さ、ゴシック／明朝／PCのフォント名指定。長い文字は自動で縮小 ・出力サイズ：1280×720・1920×1080・960×540・640×360・1080×1080・1080×1920・自由（16〜3840px） ・背景：透明（おすすめ）・画面を少し暗くする・単色。くり返し再生（ループ）の切り替え ・APNG（256色で軽量／フルカラー）・動くWebP（画質指定）・連番PNG（ZIP）で保存。作成後に容量を表示、1MBを超えたら注意を表示 ・その場で動くプレビュー。同じ絵が続くコマは自動でまとめ、変わった部分だけ保存するので軽くなります ■ 使い方 1. ZIPを展開し、cutin-maker.html をダブルクリック（Chrome / Edge / Firefox） 2. 立ち絵をドラッグ＆ドロップ（「サンプルキャラで試す」でお試しも可） 3. セリフ・向き・帯の色・サイズなどを選んで、プレビューで確認 4. 「APNGを作成して保存」または「動くWebPを作成して保存」を押す → 表示された容量を確認 ■ 注意 ・処理はすべてブラウザ内で行い、画像をネットに送りません（外部通信なし・オフラインで動作） ・動くWebPの作成は、canvas の WebP 書き出しに対応したブラウザが必要です（Chrome / Edge / Firefox の最新版で動作確認済み）。古いFirefoxやSafariなど対応していないブラウザでは、WebPボタンが自動で無効になり、理由を表示します（APNG・連番PNGは使えます） ・256色のAPNGは、ブラウザの圧縮機能（CompressionStream）を使います。対応していない古いブラウザでは自動でフルカラー（容量大きめ）になります ・ココフォリアの公式ヘルプでは、カットインで使える形式や容量の上限の数値は確認できませんでした（2026年11月時点・公式FAQには「各ファイルごとに容量制限」とだけ記載）。大きい画像はアップロード時に圧縮されて動かなくなることがあるという情報があるので、1MB未満を目安にし、必ず実際のルームで動くか確認してください ・使う立ち絵・フォントは、それぞれの利用規約に従ってください（商品にキャラクター素材・フォントは付属しません） ・商品画像のキャラクターはツール内蔵のサンプルキャラです ・同梱：cutin-maker.html（ツール本体）／使い方.txt／利用規約.txt ・再配布・転売は禁止です。ご利用は自己責任でお願いします ・動作確認：Chrome / Firefox で、4000×4000pxの画像・全サイズ・4方向・4種の動き・fps 1000などの範囲外入力・画像以外のファイル・日本語ファイル名をテストし、書き出したAPNG/WebPが本当に動く画像か（コマ数・表示時間）を別ソフトで確認済み ・出力例（サンプルキャラ・1280×720・2秒・24fps）：APNG（256色）約260KB／動くWebP 約640KB