zk-phi / MEGAMOJI

Create animoji easily
Other
321 stars 38 forks source link

1フレーム目に若干の傾きを入れる #348

Open hata6502 opened 6 months ago

hata6502 commented 6 months ago

アニメーションOFFでSlackを使っていると、アニメーションがあることに気づかないまま絵文字を使ってることがあります

「ありがとうございます」の絵文字2種類

「ルーレット」「ゆらゆら」効果の1フレーム目に若干の傾きを入れることで、 アニメーションOFFの人でもある程度察して絵文字を使うことができそうです Image from Gyazo

なお「ガタガタ」「ヤッタ」には、現時点でも1フレーム目に傾きがあるようです

動作確認したこと

「ルーレット」「ゆらゆら」効果の1フレーム目が傾いていること Image from Gyazo

2フレーム以降のループ表示が崩れていないこと ルーレットゆらゆら

zk-phi commented 6 months ago

ありがとうございます 🙌

言わんとしていることは理解できつつ、いくつか気になる点があり、どうしようかなというところです

個人的には、どうせやるなら気合い入れてそこまでやり切ってしまった方がよいのかな…と感じてます

hata6502 commented 6 months ago

@zk-phi レビューありがとうございます!

たしかに「1フレーム目に変化がなければ安心」とは言い切れないと思います 例「キラ」色相だけ変化する あらゆるエフェクトで1フレーム目を工夫するのは難しそうです そのうえで、改善できそうな「ルーレット」「ゆらゆら」だけ傾きを入れてみました

スルスル・シュッシュ・ニュルニュル・ボテボテのイージング関数を読んだところ、 x=0(1フレーム目)のとき、イージング関数の出力値keyframeも0になるようです なので「1フレーム目に若干の傾きを入れる」と「イージング機能」は両立できそうにも思えます