點點滴滴

posts - 311, comments - 0, trackbacks - 0, articles - 0

(搬運工)NGUI Example5 示例講解– lights and Refraction

Posted on 2013-10-15 11:46 點點滴滴閱讀(235) 評論(0) 編輯收藏引用所屬分類: 02 編程語言

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

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊

搜索

積分與排名

最新評論