[NGUI插件] 利用NGUI製作遊戲片頭的流光效果

本帖最後由 夜行的貓仔 於 2013-11-24 17:37 編輯


先看效果....最近從手機裏導出了遊戲資源,就照着原來的遊戲做了一個試試~~完整遊戲資源下載地址:
http://yunpan.cn/QUFCE8QGDIKnj

首先,將資源導入unity3D利用NGUI做了Atlas,分別是兩張圖片,一張英文字圖sgm_logobottom.png,一張是遮罩圖sgm_logotop.png。

這兩張圖分別生產兩個Sprite,設置sgm_logobottom的Depth爲-1,sgm_logotop的Depth爲1,sgm_logobottom 就會從遮擋sgm_logotop的空隙間顯示文字。這時再從資源中尋找到sgm_logoglint.png這個資源,sgm_logoglint.png這個資源是一個發光的銀白色條,也就是這個片頭流光的最關鍵的部分。

將sgm_logoglint.png加入到Atlas中生成1個Sprit,設置設置sgm_logoglint 的Depth爲0,則這個光柱就顯示在兩個文本的中間,拖動光柱就可以預覽到流光效果。流光是傾斜的,那麼接下來的工作就是增加一個Animation組件控制動畫條。
在Project窗體中創建一個Animation ,將其拖動到sgm_logoglint上。打開窗口Window-->Animation打開Animation編輯面板,點Add Curve增加一個動畫編輯曲線:
視覺效果上光柱是傾斜的,在製作動畫之前,現將光柱旋轉一定角度,這個光柱的流動只需要在x方向左平移即可,因此選擇Transform的Position。


在動畫中生成兩個關鍵幀,分別設置動畫的起始位置和停止位置,播放動畫,流光效果就顯示了~~~
 

 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章