Creator3D 守護你的球球—UV動畫與天空盒

1 遊戲預覽

在線體驗地址：http://example.creator-star.cn/follo-ball/

2 場景物體

場景物體

新建場景後，引擎會爲咱們建立默認的攝像機和燈光，這個咱們就不介紹了，若是不太瞭解，能夠參考以前的文章。咱們先介紹一下游戲中的物體：

1. 地面：地面使用 Plane 建立，將他的Z深度設置爲10米，同時爲地面定製了一個材質貼圖；
2. 吸盤：吸盤是由 Torus 圓環體建立，定製了專用材質，並且還有一個向裏面吸入的UV動畫（下面一小節），同時爲它添加了一個球體碰撞組件，但不添加剛體組件，我只須要使用碰撞組件監聽它與障礙物的碰撞，不須要物理表現；
   
3. 守護球：守護球是由 Sphere 球體建立，一樣只須要一個球體碰撞組件，球的旋轉是咱們由tween模擬的，並非真實的物理效果；
4. 障礙物體：障礙物是 Cube 立方體搭建的，在節點上掛載了碰撞組件與剛體，當吸盤將柱子吸走後，上面的橫條會下落碰到咱們的守護球，這個掉落須要使用物理引擎來解決；
5. 終點：終點也是一個Cube，當守護球碰到它後表示過關；

3 UV動畫編輯

遊戲的內容比較簡單，使用咱們以前講過的【打磚塊】遊戲中的內容就能夠搞定，惟一這裏新增長了吸盤動畫，咱們看下它是怎麼製做的，不用寫代碼的哦。

首先爲 Torus 節點添加一個 Animation 組件，看下圖：

切換到動畫編輯器窗口，點添加 AnimationClip，如圖：

在動畫屬性列表中，添加動畫屬性 tilingOffset，如圖：

咱們給 tilingOffset 屬性 K 兩個關鍵幀，在關鍵幀上，將它的 w 屬性分別設置爲 0 和 1：

保存退出動畫編輯器，同時記得將 Animation 組件的 PlayOnLoad 屬性勾選上，就搞定了。

4 天空盒編輯

爲了讓遊戲更具備沉浸感，咱們來模擬一個真實世界，爲遊戲添加天空盒。

首先建立天空盒資源，選中一個目錄，鼠標右鍵菜單 CubeMap 選項，以下圖：

我在網上找了一個天空盒資源，設置天空盒6個面的圖片，看下圖：

須要注意，我這個資源中的 Left 與 Right 在 Creator 中是須要交換一下，你能夠看到下面的預覽，六張圖須要完美接縫。

接下來選擇 Scene 節點，將天空盒資源拖動到屬性：

這時咱們在場景編輯中就能夠看到了，不過這裏須要注意，Shawn在這裏卡了十幾分鍾，運行預覽天空盒還不能被顯示出來。我是向引擎組大佬求助，才知道，在攝像機上還有一個開關，看圖：

至此咱們的遊戲場景就所有佈局好了，是否是很 Nice 呢！

5 小結

本篇文章介紹了」守護球球「這個遊戲的場景佈局，以及吸盤動畫、天空盒。接下來就是障礙物的佈置，這徹底是一個消耗體力與精力的活，不知道是否是引擎BUG，遊戲中出現一些 Cube 不能掉落，並且障礙物多了，在手機上會有些卡頓，真的是很是糾結。

下次分析一下游戲中的控制代碼，爲了控制流暢，改了不下十幾種方法，這個但是把 Shawn 拆騰快哭了，最後求給個贊，原創不易！！！