ピクチャーの移動パターンを増やすプラグイン

[くらむぼん]

「ピクチャの移動」の動き方は特に工夫しなければ、同じ速度でツーっと移動するだけです。
これ、もう少しかっこよくしたくありませんか？
例えば加速したり減速したり、ぼよ～んと跳ね回ったり…
しかも目的の値だけ設定すれば後は自動で凝ったアニメーションをしてくれたら嬉しいですよね。
…そんなプラグインを作ってみました！

・使い方＆例
◆プラグインコマンド：easing easeOutQuad
◆ピクチャの移動：（普通に設定する）
→最初はシュッと素早く動き、最後の方は減速します

◆プラグインコマンド：easing easeOutBounce
◆ピクチャの移動：（普通に設定する）
→目的の値で何度か跳ね返り、最終的に目的の値で止まります


・複数のピクチャに別々の動きを指定する場合
◆ピクチャの表示：#1, icon, 中央 (200,312), (50%,50%), 255, 通常
◆ピクチャの表示：#2, icon, 中央 (200,312), (50%,50%), 255, 通常
◆プラグインコマンド：easing easeOutQuad
◆ピクチャの移動：#1, 中央 (400,100), (50%,50%), 255, 通常, 30フレーム (ウェイト)
◆プラグインコマンド：easing easeOutBounce
◆ピクチャの移動：#2, 中央 (400,100), (50%,50%), 255, 通常, 30フレーム (ウェイト)
→ピクチャ#1はシュッと動き、ピクチャ#2は跳ねて移動します。


・サンプル
https://krmbn0576.github.io/rpgmakermv/
動きのことですので文字での説明ではわかりにくいと思います。
こちらのサンプルで効果をお確かめください！（左の扉をくぐり、右下に写り込んでいる看板です）

・プラグイン
https://raw.githubusercontent.com/krmbn ... Picture.js

・ライセンス
このプラグインは、どのように利用しても構いません。(PUBLIC DOMAIN)







Homepage:
https://krmbn0576.github.io/rpgmakermv/homepage.html

Twitter:@krmbn0576
https://twitter.com/krmbn0576

[sakata]

あ～いいっすね～
あと放物線とかあったら面白いかと思います

[くらむぼん]

ありがとうございます！
そして放物線ですが…なんと現状のままで実現可能です。
こんな時のために、プラグインコマンド「easing 動き方 x」という形で
「x軸方向へのみ動き方を変更する」ことができます。（同様にy軸のみ変更も可）

従って、以下のようにしてx軸方向に「linear（等速直線運動）」、
y軸方向に「前半はeaseOutQuad、後半はeaseInQuad（いずれも二次関数）」と指定して
移動座標は「上向き三角形状」に指定すると、放物線状に山なりに移動していきます！

◆ピクチャの表示：#3, icon, 中央 (200,312), (50%,50%), 255, 通常
◆プラグインコマンド：easing linear x
◆プラグインコマンド：easing easeOutQuad y
◆ピクチャの移動：#3, 中央 (400,100), (50%,50%), 255, 通常, 30フレーム (ウェイト)
◆プラグインコマンド：easing easeInQuad y
◆ピクチャの移動：#3, 中央 (600,312), (50%,50%), 255, 通常, 30フレーム (ウェイト)

応用すれば本当に色んな表現ができますので、皆さん色々試してみてくださいね～

[ふーみん]

プラグイン使わせてもらってます、表現の幅が広がりますね！

こちらピクチャーの番号毎に違う動きを設定することは可能ですか？

[くらむぼん]

ふーみんさん、ありがとうございます！

ピクチャ番号ごとに、といった指定の仕方ではありませんが、
ピクチャーごとに違う動きを設定することはできます！
ピクチャの動き方は「ピクチャの移動」コマンドの前に指定した
プラグインコマンドによって決定されます。つまり、以下のように指定すれば
ピクチャ#1は「easeOutQuad」で、ピクチャ#2は「easeInQuad」で動作します！
ぜひ試してみて下さい～

◆ピクチャの表示：#1, icon, 中央 (200,312), (50%,50%), 255, 通常
◆ピクチャの表示：#2, icon, 中央 (200,312), (50%,50%), 255, 通常
◆プラグインコマンド：easing easeOutQuad
◆ピクチャの移動：#1, 中央 (400,100), (50%,50%), 255, 通常, 30フレーム (ウェイト)
◆プラグインコマンド：easing easeInQuad
◆ピクチャの移動：#2, 中央 (400,100), (50%,50%), 255, 通常, 30フレーム (ウェイト)

[ふーみん]

ご丁寧にありがとうございます。
アドバイス通りにやってみたら上手くいきました！
ありがとうございました！