(NO.00003)iOS遊戲簡單的機器人投射遊戲成形記(十九) – iPhone手機開發 iPhone軟體開發教學課程

如果看過前面博文的童鞋可能記得,我們在Level1中是通過寫代碼實現籃筐的走位.寫代碼不夠直觀,需要反復編譯測試,有沒有其他的方法呢?

答案自然是:大大的有 😉

SpriteBuilder寶貝自身已經集成瞭動畫制作功能,雖然有其局限性,但應付一般的動畫那還是沒啥問題的.在這篇中我們就來看看如何用SpriteBuilder來完成籃筐的走位動作.

打開SpriteBuilder,在Level文件夾中新建Level2.ccb文件,類型為node.

從Sprite Tileless Editor中拖入2中robot,3個障礙物,當然還有1個主角:籃筐,調整佈局,最終視圖類似下圖:

這裡寫圖片描述

接下來單擊Timeline右上方的時間標簽,修改時間為10秒鐘:

這裡寫圖片描述

然後調整時間粒度到合適位置,使其時間終點可以完整顯示在Timeline中.

選中籃筐節點,按以下步驟添加動畫幀:vcD4NCjxwPjEuvavKsbzkz9/K1rH6zc+2r7W9MMPrLNKyvs3Kx1RpbWVsaW5ltcTX7tfztssst9ax8LC0ULz8us1SvPzM7bzTMrj2tq+7rdahO1C8/L2owaJQb3NpdGlvbtahLFK8/L2owaLQ/deqtq+7rdahLjwvcD4NCjxwPjIuvavKsbzkz9/K1rH61NnNz7avtb01w+u6zTEww+u0pizW2Li00tTJz7av1/cuPC9wPg0KPHA+My7K87Hqy6u79zDD67XEULavu63Wob3ateMs1Nq1r7P2tcTK5Mjrv/LW0L2rzrvWw8Dg0M3J6M6qsNm31rHILMno1sPOu9bD1rXOqig4NSUsODUlKSzI58/CzbzL+cq+OjwvcD4NCjxwPjxpbWcgYWx0PQ==”這裡寫圖片描述” src=”https://www.2cto.com/uploadfile/Collfiles/20151113/2015111308490716.gif” title=”\” />

同樣在該位置的R動畫幀節點上雙擊,設置角度為0度.

4.依次在5秒和10秒位置設置對應的P以及R動畫幀值為: (85,15),90;
(85,85),0.即在動畫結束時將籃筐移動到初始位置.

5.設置重復播放動畫,在Timeline左下方單擊,將非鏈式Timeline改為Default Timeline.

好瞭,我們籃筐走位動作完成瞭!!!

讓我們在SpriteBuilder中播放動畫看一下效果:

這裡寫圖片描述

還不錯吧!當然我們可以在腦洞大開點增加難度.

但是先等一下,到目前為止一個最重要的功能還未實現,就是怎麼判斷子彈射入瞭籃筐呢?

下篇見,你懂的 😉

 

發佈留言