【ヨアのおしがま（あとがき#2）】アニメーションのはなし
Added 2021-03-21 09:00:00 +0000 UTC魔法使いの女の子がおしっこ我慢しながら冒険するゲーム販売中です！
・BOOTH
https://tayya.booth.pm/items/2769594
・FANZA
https://www.dmm.co.jp/dc/doujin/-/detail/=/cid=d_193991/
・DLsite
https://www.dlsite.com/maniax/work/=/product_id/RJ312658.html
◆あとがき
先週に引き続き、備忘録です。全３回中２回目。
今回は、アニメーションのはなしです。
◆おしがまアニメーション
今回作った「ヨアのおしがま」では、ダンジョン攻略中に
主人公のヨアがおしっこ我慢する様子が見られるようになっています。
尿意に応じて、屈伸運動したりします。
実は、このおしがまアニメーションは当初やる予定は無くて
その場のノリで急遽つくっています。。。
なので、作り方もやや無理やりで
まばたき表現で使わせていただいたプラグイン(PictureLoop.js)をなんとか使ってアニメーションするようにしています。
本来の使い方は「ベースの絵」「半開きの絵」「目を閉じる絵」の３枚を用意して、プラグインであれこれ指定すると、まばたきするようになります。
↑ベースの絵
↑半開きの絵
↑目を閉じる絵
これでまばたきが表現できますが、
おしっこ我慢の仕草は下のようにして表現しています。
↑ベースの絵
↑半開きの絵（？）
↑目を閉じる絵（？）まばたきとは一体・・・
---
ただこれをそのままやると、プラグインの仕様上
ベースの絵が半開きの絵、目を閉じる絵の裏にはみ出て見えてしまうので
キャラの周りを黒塗りすることで、ベースの絵が見えないようにしています。
普通にやるとこんな感じになってしまったので
ヨアの周りを黒く塗ってベースの絵が見えないようにしています
さらに下のレイヤーに黒い背景を入れれば違和感なくなりますね
---
Live2Dとか使って
キャラをヌルヌル動かしてみたいところですが、アレは難しそうでなかなか手がでないです・・・。どこかのタイミングで使ってみたいですね。
以上です！
それではまた。
