NGUI Example5 – lights and Refraction
NUI這個系統是在是牛。比unity3D里面自帶的gui要好用得多。還能夠為GUI加入法線貼圖！

哈哈。

盡管在

EZgui里面也能夠。

接下來的樣例，我不在使用它自己的樣例了。由于反復性勞動太多。大家看了也煩。我就說說怎樣給它增加法線貼圖。并實現動畫的簡單樣例。
1.創建一個Simple2D NGUI結構，如圖所看到的：


1.創建一個Sprite。其參數如圖所看到的：


1.接著，選擇Panel，在里面把Normals打開（關鍵，不然法線效果不出來），再為場景打一盞平行光。這樣法線貼圖的效果就出來了，如
1.如今來創建一個當鼠標放在圖標上時。一個點光源從左向右移動的效果。為場景創建一個點光源，把它放在sprite的左邊，如圖所看到的：
1.選擇該點光源，打開動畫窗體（window->Animation）,如圖所看到的：


1.點擊該窗體左上角的紅色圓點圖標，開始錄制，此時會彈出保存動畫文件的窗體，為它起名為LightMove。點擊保存之后。大家會發現，點光源自己主動加入了一個Animation組件。如圖所看到的：
1.在第零幀加入一個X軸的關鍵幀，如圖所看到的：


1.把播放光標拖到1秒鐘處，再加入一個關鍵幀。在場景編輯窗體中，把點光源移動到sprite的右邊，此時。Animation窗體會把此變換記錄在1秒鐘的關鍵幀中。如圖所看到的：

1.關閉Animation窗體，這樣，點光源就完畢了移動動畫的制作，當然。你也能夠同一時候給它光照強度，顏色等的動畫。最后。在點光源中把Animation組件關閉。我們用button play animation組件來觸發給動畫。
2.選擇Sprite，在Nui菜單中選擇Attach a collider。如圖所看到的：


1.再給sprite加入一個Button Play Animation組件（Component->NGUI->Interaction->Button Play Animation）,并設置其參數例如以下：

哈哈，點擊播放，看看。大功告成！

帥！

在改樣例中，關鍵是使用了

refraction altas,打開這個altas能夠看到，它採用了法線貼圖來實現效果，如圖所看到的


這項。只是希望你能夠想到的，基本可以實現。！

！

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的NGUI Example5 演示示例评论– lights and Refraction的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。