ddemilich 2024/03/02 19:00

進捗報告とイージング関数について

進捗

こんな感じでセリフとキャラと背景(とBGM)をひたすらつけていってます。

発売に向けて引き続き頑張ります。

イージング関数

キャラを動かす際に、ティラノスクリプトのタグで詳細を指定することができます。
これらを指定することで、滑らかな移動や少し跳ね返った感じを簡単に演出できます。
ティラノスクリプトに限らず、最近のアプリケーションフレームワークでは大体サポートされてますね。

ティラノスクリプトでイージング関数として指定できる選択肢は以下の通りです。
https://tyrano.jp/tag/#anim

変化のエフェクトを指定します。以下のキーワードが指定できます。
jswing def easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuar teaseInOutQuart easeInQuint easeOutQuint easeInOutQuin easeInSine easeOutSine easeInOutSine easeInExpo easeOutExpo easeInOutExpo easeInCirc easeOutCirc easeInOutCirc easeInElastic easeOutElastic easeInOutElastic easeInBack easeOutBack easeInOutBack easeInBounce easeOutBounce easeInOutBounce

でもこれだと、それぞれ指定したらどうなるの?が分からくて困ってました。
で、見つけました。神サイト。

https://easings.net/ja

グラフ+動きでどういう加速度で動くか直感的に理解できます。
ティラノスクリプトとの互換性もばっちり。かなり楽になりました。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

月別アーカイブ

限定特典から探す

記事を検索