インストール不要・ファイルを開くだけ・データは自分のPC内だけ（ネットに送らない）。 立ち絵1枚から、帯とセリフといっしょにキャラが飛び込んでくる「動くカットイン」を作って、透過WebM（OBSのメディアソース向け・音声なし）・APNG・動くWebP・連番PNG（ZIP）で保存できるツールです。HTMLファイルをChromeなどで開くだけで、Windows / Mac どちらでも動きます。 ■ 誰向け ・VTuber・配信者。立ち絵と帯とセリフが画面に飛び込んでくる演出を、OBSの配信画面に載せたい人 ・横型（1920×1080）や縦型（1080×1920）の配信で、透過のカットインを使いたい人 ・動画編集ソフトを使わずに、背景が透明な動く素材を作りたい人 ・カットイン素材を買っても「自分のキャラ」では作れなくて困っていた人 ■ できること ・立ち絵（透過PNG・JPG・WebP）を1枚入れるだけ。日本語ファイル名OK、4000×4000pxの大きい画像もOK ・キャラ・帯・セリフが 左／右／上／下 から入ってきて、止まって、抜けていく動きを自動で作成 ・動き方（シュッと止まる・少し行き過ぎて戻る・ゆっくり→速く→ゆっくり・一定）、入り／止まる／抜けの秒数、fps（1〜60）を指定 ・帯：グラデーション・単色・ストライプ・帯なし、色2つ、太さ・位置・傾き、ふちの線 ・セリフ＋小さい文字（キャラ名など）、文字の大きさ・色・ふち色・ふちの太さ、ゴシック／明朝／PCのフォント名指定。長い文字は自動で縮小 ・出力サイズ：1920×1080（横・16:9、配信用おすすめ）・1080×1920（縦・9:16）・1280×720・960×540・640×360・1080×1080・自由（16〜3840px） ・背景：透明（おすすめ）・画面を少し暗くする・単色。くり返し再生（ループ）の切り替え ・透過WebM（VP9・音声トラックなし、OBSのメディアソース向け）・APNG（256色で軽量／フルカラー）・動くWebP（画質指定）・連番PNG（ZIP）で保存。作成後に容量を表示、8MBを超えたら注意を表示 ・その場で動くプレビュー。APNGとWebPは、同じ絵が続くコマを自動でまとめ、変わった部分だけ保存するので軽くなります ■ 使い方 1. ZIPを展開し、obs-cutin-maker.html をダブルクリック（Chrome / Edge / Firefox） 2. 立ち絵をドラッグ＆ドロップ（「サンプルキャラで試す」でお試しも可） 3. セリフ・向き・帯の色・サイズ（配信用なら 1920×1080 または 1080×1920）を選んで、プレビューで確認 4. 配信用は「透過WebMを作成して保存（音声なし）」を押す。APNGや動くWebPでも保存できます ■ OBSで使うとき（要約） ・ソースの「＋」からメディアソースを追加し、ローカルファイルで .webm を選ぶ ・1回再生なら、公式の初期値のままで使いやすいです（ループ＝オフ、ソースがアクティブになったときに再生を再起動＝オン、再生が終了したときに何も表示しない＝オン） ・シーンを切り替えるか、ソースの表示を切り替えて頭から再生できます。ホットキーはOBSの設定から割り当てられます（版によって画面が違うため、詳細なクリック順は使い方.txtを参照） ・書き出したWebMは、VP9・背景透明・音声トラックなしであることを確認済みです。見た目はお使いのOBSで必ず確認してください ■ 注意 ・処理はすべてブラウザ内で行い、画像をネットに送りません（外部通信なし・オフラインで動作） ・透過WebM（VP9・背景透明）は、このツールが起動時に小さな画像で透過が残るか確認します。Chrome（156）で作成・アルファ確認済みです。同じ系統の Edge でも、起動時の確認が通れば使えます。Firefox（157）では MediaRecorder の出力で透明が黒（不透明）になるため、ボタンを自動で無効にします（APNG・動くWebP・連番PNGは使えます） ・WebMはリアルタイムで録画するため、長さと同じくらいの時間がかかります。末尾が確実に消えるよう、最後の絵（抜けありなら全面透明）を数コマ余分に入れます。VP9の圧縮で、ごく薄いノイズが残ることがあります ・WebMファイル自体に「ループする／しない」の情報は入れていません。1回再生のファイルです。くり返したいときは、OBSのメディアソースで「ループ」をオンにします ・256色のAPNGは、ブラウザの圧縮機能（CompressionStream）を使います。対応していない古いブラウザでは自動でフルカラー（容量大きめ）になります ・動くWebPの作成は、canvas の WebP 書き出しに対応したブラウザが必要です（Chrome / Edge / Firefox の最新版で動作確認済み）。対応していないブラウザでは WebP ボタンが無効になり、理由を表示します ・使う立ち絵・フォントは、それぞれの利用規約に従ってください（商品にキャラクター素材・フォントは付属しません） ・商品画像のキャラクターはツール内蔵のサンプルキャラです。ゲーム画面風の背景も説明用の描き下ろしで、特定のゲームの画面ではありません ・同梱：obs-cutin-maker.html（ツール本体）／使い方.txt／利用規約.txt ・再配布・転売は禁止です。ご利用は自己責任でお願いします ・動作確認：Chrome で透過WebM（1920×1080・1080×1920を含む）のアルファと音声なし、APNG / 動くWebP / 連番PNG、4000×4000pxの画像・全サイズ・4方向・4種の動き・範囲外入力・画像以外のファイルをテスト。Firefox では WebM が使えないこと（透明が残らないため無効化）と、APNG / WebP / ZIP が使えることを確認