Pixel Rig ― 静止画イラストを、その場でドット絵アイドルアニメーションに

Pixel Rig ― 静止画イラストを、その場でドット絵アイドルアニメーションに

1枚のイラストをアップロードするだけで、自動でドット絵に変換し、「呼吸」「瞬き」といった自然な待機モーションを付けてGIF/PNGとして書き出せるブラウザツールです。インストール不要、会員登録不要、サーバーへの画像送信も一切なし。ファイルを1つ開くだけで、その場で完結します。

VTuberの立ち絵・アイコン・チャット用スタンプ・インディーゲームのキャラクター素材など、「動きのあるドット絵アイコン」がすぐに欲しい場面にぴったりのツールです。

■こんな方におすすめ

・手持ちのキャラクターイラストを、ちょっとした「呼吸」「瞬き」付きのアイコンGIFにしたい方

・ドット絵の知識がなくても、それっぽいレトロ風の質感に仕上げたい方

・Discord/Xのアイコンやスタンプ用に、軽量でループするGIFが欲しい方

・インディーゲームのキャラクターに、簡易的な待機アニメーションを素早く付けたい方

・画像を外部サービスにアップロードしたくない方（処理はすべてブラウザ内で完結し、通信は発生しません）

■主な機能

1. ワンクリックでドット絵化

イラストをアップロードすると、自動でピクセル化されます。

・ドットの粒度調整：0.5px〜4pxの範囲で、細かい仕上がりから粗い仕上がりまで自由に調整できます

・色数の制限：オリジナル（無制限）/8色/16色/32色/64色から選択。16色設定はゲームボーイアドバンス風の、限られたパレットらしい質感になります

・自動ノイズ除去：粗めのドット化を行うと出やすい、広い色面の中に散る意味のない1〜2px程度の黒い点だけを自動で検出して除去します。輪郭線・目や口などの顔パーツ・髪の暗部といった、絵として意味のある暗色部分にはいっさい手を加えません。単純なぼかし処理ではないため、線や顔立ちがなまることもありません

2. ブラシで「動かす部分」を指定

キャンバス上を実際になぞって、目の範囲をピンポイントで選択します。四角い範囲指定ではなく、キャラクター自身のドットに沿った"切り抜き"方式なので、まぶたの動きが不自然な矩形にならず、実際の目の形に沿って自然に動きます。

・拡大表示（ズーム）に対応。小さいイラストや細かい目でも、拡大した状態で正確になぞれます

・ブラシサイズを調整可能。太い/細いブラシを使い分けられます

・キャンバス上で直接色を拾えるスポイト機能付き。まぶたの色を手動で指定したいときに便利です

3. 自然な待機モーション

・呼吸：胸元〜頭にかけて、わずかな上下動を加える定番の「生きている感」の演出。強さ・速さを個別に調整できます

・瞬き：まぶたが実際に閉じていくような多段階のアニメーション。頻度・強さを調整でき、毎回同じタイミングで機械的に瞬きしないよう、不規則なスケジュールで再生されます

いずれも、脚や体の土台部分は一切動かさないため、キャラクターがその場に立ったまま、上半身だけが自然に揺れているように見えます。

4. GIF／PNGでの書き出し

・GIF書き出し：7.2秒のシームレスループGIFとして書き出し。フレームレートは10/15/20fpsから選択可能。透過背景にも対応しているので、背景が透明なイラストならそのまま透過GIFになります

・PNG書き出し：アニメーションにせず、今表示されているポーズをそのまま1枚の静止画として保存することも可能です

■使い方

1. index.html をダブルクリックして、ブラウザで開きます

2. 「画像を選ぶ」からイラストをアップロードします

3. 「ドットの粒度」「色数」のスライダーで見た目を調整します

4. 「目」の範囲をキャンバス上でなぞって選択し、「完了」を押します

5. 「呼吸」「瞬き」をONにすると、その場でプレビューが動き出します

6. 気に入ったら「GIFを書き出す」または「PNGを書き出す」で保存します

慣れれば、1枚のイラストから数分でループGIFが作れます。

■動作環境

・Chrome / Edge / Safari / Firefox の最新版（モダンブラウザであれば概ね動作します）

・画面表示用のフォントをGoogle Fontsから読み込むため、初回表示時はインターネット接続を推奨します（読み込めなくても動作自体には支障ありません）

・アップロードした画像や書き出したファイルは、外部サーバーへは一切送信されません。すべてお使いのブラウザ内だけで処理されます

■同梱内容

・index.html … 本体。このファイル単体で動作します

・README.txt … 使い方・動作環境の説明書

・THIRD_PARTY_LICENSES.txt … 利用しているオープンソース素材のライセンス表記

■ご購入にあたって

・本ツールは静止画から見た目のドット絵アニメーションを生成するものであり、元イラストの著作権はご自身の作品でご利用ください

・ご利用条件・再配布に関する規約は、本ページの記載に従います