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

フォーラムルール
素材の利用規約を決めたいけど、どんなことを書けばいいのか分からない場合は、
素材のテンプレートをご利用下さい。
アバター
くらむぼん
記事: 58
登録日時: 2016年6月26日(日) 12:22

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

投稿記事by くらむぼん » 2016年12月04日(日) 21:28

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

・使い方&例
◆プラグインコマンド: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
最後に編集したユーザー くらむぼん on 2018年3月03日(土) 21:04 [ 編集 3 回目 ]

アバター
sakata
記事: 9
登録日時: 2016年11月07日(月) 22:32
連絡を取る:

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

投稿記事by sakata » 2016年12月15日(木) 17:03

あ~いいっすね~
あと放物線とかあったら面白いかと思います
アバター
くらむぼん
記事: 58
登録日時: 2016年6月26日(日) 12:22

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

投稿記事by くらむぼん » 2016年12月15日(木) 23:58

ありがとうございます!
そして放物線ですが…なんと現状のままで実現可能です。
こんな時のために、プラグインコマンド「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フレーム (ウェイト)

応用すれば本当に色んな表現ができますので、皆さん色々試してみてくださいね~
ふーみん
記事: 3
登録日時: 2017年5月24日(水) 20:41

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

投稿記事by ふーみん » 2018年1月16日(火) 23:47

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

こちらピクチャーの番号毎に違う動きを設定することは可能ですか?
アバター
くらむぼん
記事: 58
登録日時: 2016年6月26日(日) 12:22

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

投稿記事by くらむぼん » 2018年1月17日(水) 19:05

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

ピクチャ番号ごとに、といった指定の仕方ではありませんが、
ピクチャーごとに違う動きを設定することはできます!
ピクチャの動き方は「ピクチャの移動」コマンドの前に指定した
プラグインコマンドによって決定されます。つまり、以下のように指定すれば
ピクチャ#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フレーム (ウェイト)
ふーみん
記事: 3
登録日時: 2017年5月24日(水) 20:41

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

投稿記事by ふーみん » 2018年1月18日(木) 23:56

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

“MV:プラグイン素材” へ戻る