Creator3D案例新作,守護你的球球

1
遊戲預覽

公衆號回覆:【守護你的球球】獲取源碼
本篇要點:UV動畫天空盒
在線體驗地址:
http://example.creator-star.cn/follo-ball/
2
場景物體

640?wx_fmt=png

新建場景後,引擎會爲我們創建默認的攝像機和燈光,這個我們就不介紹了,如果不太瞭解,可以參考之前
  1. 地面:地面使用 Plane 創建,將他的Z方向設置爲10米,同時爲地面定製了一個材質貼圖;

  2. 吸盤:吸盤是由 Torus 圓環體創建,定製了專用材質,而且還有一個向裏面吸入的UV動畫(下面一小節),同時爲它添加了一個球體碰撞組件,但不添加剛體組件,我只需要使用碰撞組件監聽它與障礙物的碰撞,不需要物理表現;640?wx_fmt=jpeg

  3. 守護球:守護球是由 Sphere 球體創建,同樣只需要一個球體碰撞組件,球的旋轉是我們由tween模擬的,並不是真實的物理效果;

  4. 障礙物體:障礙物是 Cube 立方體搭建的,在節點上掛載了碰撞組件與剛體,當吸盤將柱子吸走後,上面的橫條會下落碰到我們的守護球,這個掉落需要使用物理引擎來解決;

  5. 終點:終點也是一個Cube,當守護球碰到它後表示過關;

3
吸盤UV動畫

640?wx_fmt=gif

遊戲的內容比較簡單,使用我們之前講過的【打磚塊】遊戲中的內容就可以搞定,唯一這裏新增加了吸盤動畫,我們看下它是怎麼製作的,不用寫代碼的哦。
首先爲 Torus 節點添加一個 Animation 組件,看下圖:

640?wx_fmt=jpeg

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

640?wx_fmt=png

在動畫屬性列表中,添加動畫屬性 tilingOffset,如圖:

640?wx_fmt=jpeg

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

640?wx_fmt=gif

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

爲了讓遊戲更具有沉浸感,我們來模擬一個真實世界,爲遊戲添加天空盒。首先創建天空盒資源,選中一個目錄,鼠標右鍵菜單 CubeMap 選項,如下圖:

640?wx_fmt=png

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

640?wx_fmt=jpeg

需要注意,我這個資源中的 Left 與 Right 在 Creator 中是需要交換一下,你可以看到下面的預覽,六張圖需要完美接縫。
接下來選擇 Scene 節點,將天空盒資源拖動到屬性:

640?wx_fmt=jpeg

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

640?wx_fmt=png

至此我們的遊戲場景就全部佈局好了,是不是很 Nice 呢!

5 小結

本篇文章介紹了”守護球球“這個遊戲的場景佈局,以及吸盤動畫、天空盒。接下來就是障礙物的佈置,這完全是一個消耗體力與精力的活,不知道是不是引擎BUG,遊戲中出現一些 Cube 不能掉落,而且障礙物多了,在手機上會有些卡頓,真的是非常糾結,今天就到這裏。
目前工程結構還比較凌亂,爲了今天將案例放出來,還請大家包含。下次我們介紹遊戲中的控制代碼,爲了使用控制流暢,改了不下十幾種方法,這個可是把 Shawn 拆騰快哭了,最後求大家給個再看,原創不易!!!

640?wx_fmt=jpeg

640?wx_fmt=png

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