VFX UI Music app介面實作(3)-音波VFX效果跟隨滑鼠

[簡介]

在介面中作動,希望有音波的類似效果能跟隨滑鼠座標移動,讓畫面能更炫,但又不會影響操作。

1.先建立一個VFX,複製四組,放置在每首歌列表下方。

2.先將Spawn及Initialize的參數設定先設定好,在 Initialize中要新增Position(AABox),將x=20,這會讓粒子噴發時,會以方形框的方式噴發。

3.Update參數如下,要加Turbulence/Collider(AABox)/Force這三個Block.

4.Quad Output 參數及色盤如下,

5.在做滑鼠座標移動的相關細節可以參考之前的章節,
VFX UI 滑鼠座標影響VFX效果(4)-Force跟隨滑鼠移動
VFX UI 滑鼠座標影響VFX效果(3)-Force跟隨3D物件移動
本篇會介紹與之前設定的不同的部份。

6.先在VFX編輯中的Blackboard加入二個參數並勾選Exposed,AttractiveTargetPosition(Vector3)和AttractiveStrength(Float)

7.將 AttractiveTargetPosition 拉出node後連接至Change Space node,再與Get Attribute position(Current)二者連接至Subtract(Position-Local),這段主要目的是為了算出座標移動時的差距。

8. 再將AttractiveStrength 拉出node後連接至Periodic Total Time,這段是要讓每一個VFX能調整 AttractiveStrength 參數,而這參數會影響到週期時間,產生的固定週期參數變動影響,例如1秒,可以變動1-20,或是10秒可以變動1-20,利用這些參數與Subtract連結至Multiply(Position-Local)就會產生不同的隨機變化。

9.因為想要像音波一樣的效果,主要影響X值就可以產生左右移動的效果,將Multiply的x通道連結至Force的x通道。

[小結]

在看歌曲清單時,會有音波的效果跟隨座標移動。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *