欧美日韩免费在线,亚洲男人的天堂在线,国产日韩欧美一区二区三区四区

(搬運工)NGUI官網示例2-interaction-講解（二）

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

以上幾步就實現了官網上的Interaction中窗口位置的平滑變換效果。關鍵是UIButtonTween和其他的Tween類型之間的連接。最后，把攝像機調整到其他的角度，（沒有怎么去考慮美術上面的東西，有點難看，呵呵）如圖所示：

現在，來制作NUI按鈕與場景中的對象的交互。首先，在場景中創建一個立方體，并為它賦予brick材質（在Project窗口中，NGUI->Example->Materials->brick）,為該立方體添加一個Spin組件（Component->Examples->Spin）,該腳本可以實現物體的旋轉。再為其添加一個UIButtonScale組件（Component->Interaction->ButtonScale），該組件可以實現當鼠標位于該物體上面時，對該物體進行縮放。最后為其添加一個TweenPosition組件（Component->Tween->position）,設置其Method為EaseInOut，Duration為0.5，From為起始位置，To為最終位置，這兩個位置根據你需要制作的位置不同而不同，你可以通過在編輯器中拖動該物體，然后確定該位置，并記錄下來，輸入到From和To中。最終效果如下，
請輸入描述

復制出另外一個立方體，并重新設置其他的From和To值。創建一個名稱為Cubes的空對象，并把這兩個Cube作為它的子物體。并把Cubes放置到3D UI對象下，這步雖然沒什么作用，不過可以方便管理，讓Hierarchy好看點。最后把Cubes的enable關掉，如圖所示：
請輸入描述

接著，來完成當點擊show按鈕時，立方體出現，并平滑平移到設置的位置。選擇show按鈕，為其添加一個UIButtonTween，方法與第19步相同，接著，把Cubes賦值給Tween Target，Trigger為OnClick，PlayDirection為Forward，If Disable On Play為EnableThenPlay。再同樣設置Hide按鈕，過程與第20步相同，只是把TweenTarget改成Cubes而已，并把Disable When Finished設置成DisableAfterReverse，呵呵，一看就知道什么意思，就是當播放完成之后，把TweenTarget中的對象關掉，并把IncludeChildren勾選上，不然只會作用到父物體上，而子物體的動畫就播不了了。
這樣，就差不多大功告成了。現在，為攝像機添加一個鼠標擺動動畫，選擇攝像機之后，給它添加一個PanWithMouse（Component->NGUI->Example->Pan with Camera）。添加完之后，點擊播放試試，攝像機就活起來了。
最后再為該場景添加一個平行光，不然那兩個立方體看起來就太無趣了。最終效果如下：

還有最后一個東西，就是窗口左邊的小圖標，使用Create a new Widget工具創建一個Sprite，并把它放置到窗口的左上角，調整位置和角度，最后效果如下：

ok。大功告成，天哪。論壇里面發圖片真的很麻煩。。。格式可能有點亂了。請見諒。

點點滴滴

(搬運工)NGUI官網示例2-interaction-講解（二）

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊

搜索

積分與排名

最新評論