Tween Animation

じ☆ve冰风

Tween Animation 2013/05/11

Creator name: Ru/むっくRu (Rutan)
​

Overview
Adds tween animation functionality to RGSS3 (Animate menu sample script included)

Preview

https://www.youtube.com/embed/PH40FlmLxxw


Note: If you're knowledgeable in RGSS3 and Tween animation you could use these transitions.

Available transition
:linear
:ease_in_quad
:ease_out_quad
:ease_in_out_quad
:ease_in_cubic
:ease_out_cubic
:ease_in_out_cubic
:ease_in_quart
:ease_out_quart
:ease_in_out_quart
:ease_in_quint
:ease_out_quint
:ease_in_out_quint
:ease_in_sine
:ease_out_sine
:ease_in_out_sine
:ease_in_expo
:ease_out_expo
:ease_in_out_expo
:ease_in_circ
:ease_out_circ
:ease_in_out_circ

Script: GitHub Gist - 【Tweenアニメーションさん for RGSS3】

How to use
Paste this script above Main.

                Code:       

1. # coding: utf-8
2. #===============================================================================
3. # ■ Tweenアニメーションさん for RGSS3
4. #-------------------------------------------------------------------------------
5. #  2013/05/11　Ru/むっくRu
6. #-------------------------------------------------------------------------------
7. #  FlashなどではおなじみのTweenアニメーションを扱う機能をRGSS3に追加します。
8. #  指定したプロパティを指定時間で変化させることが可能になります。
9. #  詳細は解説記事をどうぞ。
10. #-------------------------------------------------------------------------------
11. # 【注意】
12. #  このスクリプトはRGSSに機能を追加するものであり、
13. #  このスクリプトだけで何か効果があるわけではありません。
14. #-------------------------------------------------------------------------------
15. # 【更新履歴】
16. # 2013/05/11 メソッド名間違えていたのを修正
17. # 2013/05/06 公開
18. #-------------------------------------------------------------------------------
20. #===============================================================================
21. # ↓ 以下、スクリプト部 ↓
22. #===============================================================================
24. module HZM_VXA
25.   module Tween
26.     #---------------------------------------------------------------------------
27.     # ■ 全Tweenアニメーションの管理
28.     #---------------------------------------------------------------------------
29.     module Manager
30.       #-------------------------------------------------------------------------
31.       # ● 初期化
32.       #-------------------------------------------------------------------------
33.       def self.init
34.         @list = []
35.       end
36.       #-------------------------------------------------------------------------
37.       # ● フレーム更新
38.       #-------------------------------------------------------------------------
39.       def self.update
40.         @list.delete_if do |animation|
41.           animation.update_from_manager
42.           !animation.play?
43.         end
44.       end
45.       #-------------------------------------------------------------------------
46.       # ● アニメーションの追加
47.       #-------------------------------------------------------------------------
48.       def self.push(animation)
49.         @list.push animation unless @list.include?(animation)
50.       end
51.       #-------------------------------------------------------------------------
52.       # ● 再生中？
53.       #-------------------------------------------------------------------------
54.       def self.play?
55.         @list.size > 0
56.       end
57.     end
58.     #---------------------------------------------------------------------------
59.     # ■ 各Tweenアニメーション用クラス
60.     #---------------------------------------------------------------------------
61.     class Animation
62.       #-------------------------------------------------------------------------
63.       # ● 生成
64.       #-------------------------------------------------------------------------
65.       def initialize(obj, *params)
66.         @obj = obj
67.         @animation_params = params
68.         @playing = false
69.       end
70.       #-------------------------------------------------------------------------
71.       # ● 再生開始
72.       #-------------------------------------------------------------------------
73.       def play
74.         @playing = true
75.         @timer   = 0
76.         @index   = 0
77.         init_animation
78.         Manager.push(self)
79.       end
80.       #-------------------------------------------------------------------------
81.       # ● 再生停止
82.       #-------------------------------------------------------------------------
83.       def stop
84.         @playing = false
85.       end
86.       #-------------------------------------------------------------------------
87.       # ● 再生中か
88.       #-------------------------------------------------------------------------
89.       def play?
90.         @playing
91.       end
92.       #-------------------------------------------------------------------------
93.       # ● 更新（Managerから呼び出される）
94.       #-------------------------------------------------------------------------
95.       def update_from_manager
96.         # 停止中は処理しない
97.         return unless @playing
98.         # 再生時間の増加
99.         @timer += 1
100.         # 各要素を更新
101.         begin
102.           @playing_params.each do |key, value|
103.             n = @transition_method.call(@timer, value[1], value[2], @timer_max)
104.             value[0].call(n.to_i)
105.           end
106.         rescue RGSSError
107.           # 既に解放済みなので強制終了する
108.           stop
109.           return
110.         end
111.         # 再生が完了したら次のステップへ
112.         unless @timer < @timer_max
113.           @index += 1
114.           init_animation
115.         end
116.       end
118.       private
119.       #-------------------------------------------------------------------------
120.       # ● アニメーション開始の準備
121.       #-------------------------------------------------------------------------
122.       def init_animation
123.         # 全アニメーションが終了していたら再生停止
124.         return stop unless @index < @animation_params.size
125.         # 初期化
126.         @timer = 0.0
127.         # 再生時間の確認
128.         @timer_max = @animation_params[@index][:time].to_f
129.         # トランジションメソッドの確認
130.         transition = @animation_params[@index][:transition]
131.         transition = nil if transition == :default
132.         if transition == nil
133.           transition = Transition.default
134.         elsif transition.class == Symbol
135.           begin
136.             transition = Transition.method_cache(transition)
137.           rescue
138.             transition = Transition.default
139.           end
140.         end
141.         @transition_method = transition
142.         # 各要素の初期値、ターゲット値を準備
143.         params = {}
144.         @animation_params[@index].each do |key, value|
145.           next if key == :time or key == :transition
146.           method = @obj.method("#{key}=".to_sym)
147.           start  = @obj.method(key).call.to_i
148.           change = value.to_i - start
149.           params[key] = [method, start.to_f, change.to_f]
150.         end
151.         @playing_params = params
152.         true
153.       end
154.     end
155.     #---------------------------------------------------------------------------
156.     # ■ 標準トランジション用モジュール
157.     #    新たに追加したくなった場合は、ここに追加する
158.     #---------------------------------------------------------------------------
159.     # 参考元URL
160.     # http://www.robertpenner.com/easing/
161.     # http://gizma.com/easing/
162.     #---------------------------------------------------------------------------
163.     module Transition
164.       @@caches = {}
165.       #-------------------------------------------------------------------------
166.       # ● 標準トランジションの取得
167.       #-------------------------------------------------------------------------
168.       def self.default
169.         self.method_cache(:linear)
170.       end
171.       #-------------------------------------------------------------------------
172.       # ● メソッドキャッシュの取得
173.       #-------------------------------------------------------------------------
174.       def self.method_cache(name)
175.         @@caches[name] ||= self.method(name)
176.       end
177.       #-------------------------------------------------------------------------
178.       # ● Linear
179.       #-------------------------------------------------------------------------
180.       def self.linear(time, begin_value, change_value, duration)
181.         begin_value + change_value * time / duration
182.       end
183.       #-------------------------------------------------------------------------
184.       # ● Easing In Quad
185.       #-------------------------------------------------------------------------
186.       def self.ease_in_quad(time, begin_value, change_value, duration)
187.         time /= duration
188.         begin_value + change_value * time * time
189.       end
190.       #-------------------------------------------------------------------------
191.       # ● Easing Out Quad
192.       #-------------------------------------------------------------------------
193.       def self.ease_out_quad(time, begin_value, change_value, duration)
194.         time /= duration
195.         begin_value - change_value * time * (time - 2)
196.       end
197.       #-------------------------------------------------------------------------
198.       # ● Easing In/Out Quad
199.       #-------------------------------------------------------------------------
200.       def self.ease_in_out_quad(time, begin_value, change_value, duration)
201.         time /= duration / 2
202.         change_value /= 2
203.         if time < 1
204.           begin_value + change_value * time * time
205.         else
206.           time -= 1
207.           begin_value - change_value * (time * (time - 2) - 1)
208.         end
209.       end
210.       #-------------------------------------------------------------------------
211.       # ● Easing In Cubic
212.       #-------------------------------------------------------------------------
213.       def self.ease_in_cubic(time, begin_value, change_value, duration)
214.         time /= duration
215.         begin_value + change_value * (time ** 3)
216.       end
217.       #-------------------------------------------------------------------------
218.       # ● Easing Out Cubic
219.       #-------------------------------------------------------------------------
220.       def self.ease_out_cubic(time, begin_value, change_value, duration)
221.         time /= duration
222.         time -= 1
223.         begin_value + change_value * (time ** 3 + 1)
224.       end
225.       #-------------------------------------------------------------------------
226.       # ● Easing In/Out Cubic
227.       #-------------------------------------------------------------------------
228.       def self.ease_in_out_cubic(time, begin_value, change_value, duration)
229.         time /= duration / 2
230.         change_value /= 2
231.         if time < 1
232.           begin_value + change_value * (time ** 3)
233.         else
234.           time -= 2
235.           begin_value + change_value * (time ** 3 + 2)
236.         end
237.       end
238.       #-------------------------------------------------------------------------
239.       # ● Easing In Quartic
240.       #-------------------------------------------------------------------------
241.       def self.ease_in_quart(time, begin_value, change_value, duration)
242.         time /= duration
243.         begin_value + change_value * (time ** 4)
244.       end
245.       #-------------------------------------------------------------------------
246.       # ● Easing Out Quartic
247.       #-------------------------------------------------------------------------
248.       def self.ease_out_quart(time, begin_value, change_value, duration)
249.         time /= duration
250.         time -= 1
251.         begin_value - change_value * (time ** 4 - 1)
252.       end
253.       #-------------------------------------------------------------------------
254.       # ● Easing In/Out Quartic
255.       #-------------------------------------------------------------------------
256.       def self.ease_in_out_quart(time, begin_value, change_value, duration)
257.         time /= duration / 2
258.         change_value /= 2
259.         if time < 1
260.           begin_value + change_value * (time ** 4)
261.         else
262.           time -= 2
263.           begin_value - change_value * (time ** 4 - 2)
264.         end
265.       end
266.       #-------------------------------------------------------------------------
267.       # ● Easing In Quintic
268.       #-------------------------------------------------------------------------
269.       def self.ease_in_quint(time, begin_value, change_value, duration)
270.         time /= duration
271.         begin_value + change_value * (time ** 5)
272.       end
273.       #-------------------------------------------------------------------------
274.       # ● Easing Out Quintic
275.       #-------------------------------------------------------------------------
276.       def self.ease_out_quint(time, begin_value, change_value, duration)
277.         time /= duration
278.         time -= 1
279.         begin_value + change_value * (time ** 5 + 1)
280.       end
281.       #-------------------------------------------------------------------------
282.       # ● Easing In/Out Quintic
283.       #-------------------------------------------------------------------------
284.       def self.ease_in_out_quint(time, begin_value, change_value, duration)
285.         time /= duration / 2
286.         change_value /= 2
287.         if time < 1
288.           begin_value + change_value * (time ** 5)
289.         else
290.           time -= 2
291.           begin_value + change_value * (time ** 5 + 2)
292.         end
293.       end
294.       #-------------------------------------------------------------------------
295.       # ● Easing In Sine
296.       #-------------------------------------------------------------------------
297.       def self.ease_in_sine(time, begin_value, change_value, duration)
298.         time /= duration
299.         begin_value + change_value * (1 - Math.cos(time * (Math::PI / 2)))
300.       end
301.       #-------------------------------------------------------------------------
302.       # ● Easing Out Sine
303.       #-------------------------------------------------------------------------
304.       def self.ease_out_sine(time, begin_value, change_value, duration)
305.         time /= duration
306.         begin_value + change_value * Math.sin(time * (Math::PI / 2))
307.       end
308.       #-------------------------------------------------------------------------
309.       # ● Easing In/Out Sine
310.       #-------------------------------------------------------------------------
311.       def self.ease_in_out_sine(time, begin_value, change_value, duration)
312.         time /= duration
313.         begin_value - change_value / 2 * (Math.cos(Math::PI * time) - 1)
314.       end
315.       #-------------------------------------------------------------------------
316.       # ● Easing In Exponential
317.       #-------------------------------------------------------------------------
318.       def self.ease_in_expo(time, begin_value, change_value, duration)
319.         time /= duration
320.         begin_value + change_value * (2 ** (10 * (time - 1)))
321.       end
322.       #-------------------------------------------------------------------------
323.       # ● Easing Out Exponential
324.       #-------------------------------------------------------------------------
325.       def self.ease_out_expo(time, begin_value, change_value, duration)
326.         time /= duration
327.         begin_value + change_value * (1 - (2 ** (-10 * time)))
328.       end
329.       #-------------------------------------------------------------------------
330.       # ● Easing In/Out Exponential
331.       #-------------------------------------------------------------------------
332.       def self.ease_in_out_expo(time, begin_value, change_value, duration)
333.         time /= duration / 2
334.         change_value /= 2
335.         if time < 1
336.           begin_value + change_value * (2 ** (10 * (time - 1)))
337.         else
338.           begin_value + change_value * (-2 ** (10 * (time - 1)) + 2)
339.         end
340.       end
341.       #-------------------------------------------------------------------------
342.       # ● Easing In Circular
343.       #-------------------------------------------------------------------------
344.       def self.ease_in_circ(time, begin_value, change_value, duration)
345.         time /= duration
346.         begin_value - change_value * (Math.sqrt(1 - time * time) - 1)
347.       end
348.       #-------------------------------------------------------------------------
349.       # ● Easing Out Circular
350.       #-------------------------------------------------------------------------
351.       def self.ease_out_circ(time, begin_value, change_value, duration)
352.         time /= duration
353.         time -= 1
354.         begin_value + change_value * Math.sqrt(1 - time * time)
355.       end
356.       #-------------------------------------------------------------------------
357.       # ● Easing In/Out Circular
358.       #-------------------------------------------------------------------------
359.       def self.ease_in_out_circ(time, begin_value, change_value, duration)
360.         time /= duration / 2
361.         change_value /= 2
362.         if (time < 1)
363.           begin_value - change_value * (Math.sqrt(1 - time * time) - 1)
364.         else
365.           begin_value + change_value * (Math.sqrt(1 - time * time) + 1)
366.         end
367.       end
368.     end
369.   end
370. end
372. #===============================================================================
373. # ■ SceneManager
374. #===============================================================================
375. class << SceneManager
376.   #-----------------------------------------------------------------------------
377.   # ● 実行（エイリアス）
378.   #-----------------------------------------------------------------------------
379.   alias hzm_vxa_tween_run run
380.   def run
381.     HZM_VXA::Tween::Manager.init
382.     hzm_vxa_tween_run
383.   end
384. end
386. #===============================================================================
387. # ■ Scene_Base
388. #===============================================================================
389. class Scene_Base
390.   #-----------------------------------------------------------------------------
391.   # ● フレーム更新（基本）（エイリアス）
392.   #-----------------------------------------------------------------------------
393.   alias hzm_vxa_tween_update_basic update_basic
394.   def update_basic
395.     HZM_VXA::Tween::Manager.update
396.     hzm_vxa_tween_update_basic
397.   end
398. end

复制代码

Animate menu when opened sample script

                Code:       

1. # メニュー画面を開いたときにうぃんうぃんするスクリプト
2. class Scene_Menu < Scene_MenuBase
3.   ANIMATION_TIME = 15
4.   #-----------------------------------------------------------------------------
5.   # ● 開始処理
6.   #-----------------------------------------------------------------------------
7.   alias hzm_vxa_tween_sample_start start
8.   def start
9.     hzm_vxa_tween_sample_start
10.     unless Window_MenuCommand.last_command_symbol
11.       # 各アニメーションを設定
12.       anim_command = HZM_VXA::Tween::Animation.new(@command_window, {
13.         :time => ANIMATION_TIME,
14.         :transition => :ease_out_quad,
15.         :x => @command_window.x,
16.         :y => @command_window.y,
17.         })
18.       anim_gold = HZM_VXA::Tween::Animation.new(@gold_window, {
19.         :time => ANIMATION_TIME,
20.         :transition => :ease_out_quad,
21.         :x => @gold_window.x,
22.         :y => @gold_window.y,
23.         })
24.       anim_status = HZM_VXA::Tween::Animation.new(@status_window, {
25.         :time => ANIMATION_TIME,
26.         :transition => :ease_out_quad,
27.         :x => @status_window.x,
28.         :y => @status_window.y,
29.         })
30.       # 初期値を指定
31.       @command_window.x = 0 - @command_window.width
32.       @command_window.y = 0 - @command_window.width
33.       @gold_window.x = 0 - @gold_window.width
34.       @gold_window.y = Graphics.height + @gold_window.width
35.       @status_window.x = Graphics.width
36.       # アニメーション開始
37.       anim_command.play
38.       anim_gold.play
39.       anim_status.play
40.     end
41.   end
42. end
43. class Window_MenuCommand < Window_Command
44.   #-----------------------------------------------------------------------------
45.   # ● コマンド選択位置の取得（クラスメソッド）（独自）
46.   #-----------------------------------------------------------------------------
47.   def self.last_command_symbol
48.     @@last_command_symbol
49.   end
50. end

复制代码

This could be improved..

License - Public Domain

Source
https://torigoya.hatenadiary.jp/entry/20130506/rgss_tween


本贴来自国际rpgmaker官方论坛作者:ovate处,因国际论坛即将永久关站,为了存档多年珍贵资料,署名转载到本论坛存档,由于官方帖子为英文原帖，需要中文翻译请点击论坛顶部切换语言为中文就可以将帖子翻译成中文浏览,方便大家随时查看,原文地址：https://forums.rpgmakerweb.com/threads/tween-animation.144301/