髪のPNGを2枚足しただけで、うちのPNGTuberが揺れ出した「ぷるぷるPNGTuber」 | ぷるぷるPNGTuber

どんなアプリか

表情差分PNG + 前髪 + 後ろ髪で、リッチに動くPNGTuberを作る。

rotejin さん、GitHub の README

ぷるぷるPNGTuberは、PNGTuber向けの表情差分PNGに「前髪」と「後ろ髪」の2枚を足して、髪揺れ・顔向き・口パク・まばたきをするアバターを作るアプリです。手元のパソコンでサーバーを起動し、ブラウザで操作します。

キャラの初期設定は Codex や Claude Code などの AI コーディングエージェントに頼み、そのあとブラウザで見ながら細かく直す流れが前提です。README には、エージェントに渡す依頼文の例も載っています。

口パクはマイクの音量かデモで動き、まばたきは自動です。マウス追従とカメラでの顔トラッキングにも対応しています。OBS 向けの透過表示もあります。PNG素材がなくても、ブラウザ内で絵を描いて新しいキャラを作れます。

調整を終えたキャラは、画像と調整値をまとめた .purupuru 形式のファイルに保存できます。元の素材フォルダがなくても読み込めるので、素材を動かしたあとや別のPCでも使えます。

プログラムと説明文は Apache License 2.0 で公開されています。同梱のデモアバター画像やスクリーンショットなどの画像は、このライセンスの対象外で、別のライセンスが適用されます。

アプリは手元のブラウザで動き、カメラやマイクのデータもその場で処理されます。顔トラッキングに使う MediaPipe のファイルはリポジトリに同梱されています。

名前	型	仕掛け	対応	料金
ぷるぷるPNGTuber	PNGTuber作成	表情差分PNGに前髪・後ろ髪の2枚を足して髪揺れ・顔向きを付ける	Windows / Mac / Linux（ローカルWebアプリ）	無料（OSS, Apache-2.0）
MotionPNGTuber	口パクツール	ループ動画と口のPNGスプライトで髪揺れや服のはためきを表現	Windows / Mac / Ubuntu 22.04（実験的）	無料（OSS, MIT）
Avvy（アヴィ）	アバター作成	300点以上の2Dパーツを組み合わせ、スマホのカメラで動かす	iOS / Android	ダウンロード無料（正式版から有償アイテムあり）

動かすには Python 3.10 以上が必要で、ブラウザは Google Chrome か Chromium が推奨されています。index.html を直接開かず、付属のローカルサーバーを起動して使います。

素材はすべて透過PNGにし、同じキャラの画像はキャンバスの大きさと位置合わせをそろえる必要があります。座標がずれていると、まばたきや口パク、髪揺れのときにずれが目立ちます。

顔トラッキングは初期設定では CPU で動き、検出は 15fps までに抑えられています。GPU を使いたいときは URL に指定を足します。.purupuru ファイルの中身を手で編集する使い方はサポートの対象外です。