リップの位置合わせ(Lip Positioning for Lip Sync with Web Speech API & Other)

---

リップシンク(Lip Sync) with Web Speech API & Other のリニューアル用です。

画像を読み込んでリップの位置合わせをして、データとして保存します。

---

初期画面

リップ位置合わせ

600×600のサイズの新規画像を読み込みます。

唇の位置がずれてます。

これをドラッグして位置決めします。

 

リップの色は５種類、ポリゴンで色を付けます。

リップのサイズはマウスのホイールを使って変更します。

画像のリップ位置は白か唇周辺の色で塗り潰しておきます。

 

 

---

データ保存と読込

データはサイズ・位置・タイプ・色・イメージの５種類がJSON形式で保存されます。

修正などは再度読み込んで行えます。

 

サンプル

 

---