動画をドット絵に変換する

動画からドット絵アニメへ、端末内で完結

MP4・WebM・MOVファイルを読み込むと、PixiMelonがフレームを抽出して1枚ずつドット絵化します。画像変換と同じエンジンで、解像度・色数・パレット・ディザリング・透明背景まで対応しています。処理はすべてブラウザ内で行われ、動画が外部にアップロードされることはありません。

抽出は指定したFPS（1–60、初期値24）に従い、ブラウザの動作を保つため最大480フレームまでに制限されます。60 FPSの20秒クリップなら千フレームを超える計算になるため、その旨を正直に表示して最初の480フレームを残します。

抽出で効く設定

• FPS — 動画1秒あたりの抽出フレーム数です。変更すると動画を読み直します。12 FPSはカクカクしたレトロ調、24–30は滑らかな動きになります。
• 解像度 — 32〜256 pxのプリセットから選びます。小さい値ほど定番スプライト風のアニメになります。
• 色数と共通パレット — 全フレームから1つの全体パレットを計算するので、フレーム間で色がチラつきません。フレームごとに個別に減色したい場合のみ無効にしてください。
• ディザリングとシャープピクセル — 静止画と同じ使い分けです。グラデには質感、実写やカートゥーン調の映像には硬いベタ塗りが向きます。ディザリングのガイドもご覧ください。

タイムライン、比較表示、再生

抽出したフレームはすべて番号付きタイムライン（コマ一覧）に並び、件数表示で確認できます。比較表示は元のフレームとドット絵版を並べ、連動した拡大・移動で見比べられます。再生は抽出FPSでアニメをプレビューし、一時停止とコマ送りに対応しています。

書き出し：GIF・動画・スプライトシート

• GIF — 無限ループし、フレームごとのパレットで正確な色を再現します。GIFのタイミングは段階的なため、対応する最も近い速度で再生され、FPSと異なる場合は表示されます。
• MP4 / WebM動画 — ドット絵キャンバスから端末内で収録し、小さな作品もくっきり見えるよう拡大します。MP4に対応しないブラウザでは代わりにWebMで保存し、その旨を表示します。
• スプライトシート — 全フレームを横並びにした1枚PNGで、ゲームエンジン用です（スプライトシートの解説参照）。
• 単独フレームPNG — 現フレームを作画と同様に書き出せます。

アニメツールで仕上げる

アニメを編集を押すと、全フレームが共有レイヤー1枚でアニメツールに移動します。プロジェクト名も引き継がれ、並べ替え、オニオンスキンでの1ドットずつの手修正、GIF・スプライトシートへの書き出しができます。想定フローは動画→ドット絵アニメ→手仕上げ→書き出しです。

あわせて読みたい

• オンラインでドット絵をアニメ化する
• ドット絵アニメGIF
• スプライトシート解説
• 画像をドット絵に変換する
• オンラインでドット絵を作成する