[簡介]

這整個系列主要在優化之前所製作的介面，將VFX導入後，再加入滑鼠事件及動畫效果，讓使用回饋會更是生動。

1.讓UI Panel能動起來，會需要調整幾個UI Component
A.為了讓將背景圖能夠滑鼠hover時，能夠有動畫呈現，所以將原本的背景圖轉換成Button元件，可以透過共用的Animation進行控制
B.分隔線轉換VFX，能將image元件，使用VFX替代
C.為了要控制VFX，加了一片3D-Object panel才能加參數進行控制VFX

2.新增一個VFX，調整Z軸把VFX放置介面的前方

3.將背景圖先移除原始的分隔線，再將背景圖轉換為背景元件。

4.新增一個3D-Panel，其目的是為了要當做VFX的感應區，這次會將感應區大小調整和Panel一樣大，原因是在介面中會有其他按鈕會操作，不能去干擾到其他的操作過程。

5.最後調整元件及圖層的關係
A.將VFX反應區放在圖層最下方
B.將VFX放在放在圖層最前方
C.主要操作介面放置中間

6.在專案Hierarchy圖層的排法，特別注意VFX的圖層，要調整z軸不然就算 Hierarchy圖層放對了，也是看不見的。

[小結]

建議都要先把每一個步驟需要做的事先拆解規劃出來，才會知道使用元件之間有沒有相衝突，再選擇適合的解決方案使用，會是比較好的方式。