使用SpriteBuilder製作Cocos2D遊戲完全中文教程(一)

簡介與入門教程

         SpriteBuilder的前身是大名鼎鼎的cocosBuilder,是cocos2d下進行精靈,層,場景佈局的簡單快速的可視化的開發工具。SpriteBuilder在繼承了cocosBuilder後,提供了更多的新特性,比如改良了資源的處理,更好地支持不同的分解,物理,語言等。更加詳細的情況可在SpriteBuilder的官網進行了解:http://www.spritebuilder.com/

      如果您已經安裝了SpriteBuilder,已熟悉用戶界面並且知道如何創建新的項目,你可以直接跳到“如何使用SpriteBuilder管理Assets”一節,在那裏你可以得到這個項目需要的美術資源。

         本教程將引導您通過由Apportable開發了一個奇妙的新工具SpriteBuilder,建立你的第一個完全成熟的手機遊戲。在整個過程中,您不僅能學到工具的基礎知識,還能看到很多手機遊戲常見問題的最佳實踐。

我們要做的是非常流行的遊戲 Angry Birds的山寨作品。我們將它叫做 Peeved Penguins,這是它的樣子:

你可以訪問GitHub上已完成的教程中的代碼!

安裝

轉到Mac App Store下載SpriteBuilder,下載最新的版本。拖動SpriteBuilder到從你的應用程序文件夾的底座,讓您可以輕鬆地訪問它。打開SpriteBuilder

SpriteBuilder基礎知識

SpriteBuilder的主要目標是提供類似於Xcode故事板的cocos2d的遊戲快速開發工具。

SpriteBuilder是一個可視化編輯器,允許您快速創建cocos2d的遊戲。它可以讓你通過拖放不同的組件來創建用戶界面(user interfaces),遊戲場景(gameplay scenes)和級別(levels)的接口文件和設置它們的位置。這樣比在代碼中定位每一個元素的屏幕位置要節省大量的時間。

SpriteBuilder的該核心功能工具包括管理你的Assets,創建動畫,音頻效果和粒子效果。我們將在本教程的結尾獲得這些高級功能。

SpriteBuilder工作流程

當你要在你的遊戲項目中使用SpriteBuilder你要先創建一個新的SpriteBuilder項目,而不是一個Xcode項目。當創建一個SpriteBuilder項目,SpriteBuilder將爲你創建和維護一個嵌入式的Xcode項目。在SpriteBuilder項目中,你能能管理你的遊戲項目中所有的resourcesassets。在你的遊戲中,您將爲不同的場景(scenes)創建相應的接口文件(interface files)。接口文件(interface files)將被.ccb文件(.ccbSpriteBuilder的前身CocosBuilder命名而來的)調用。SpriteBuilder還允許您創建代碼連接,通過代碼連接,您可以創建.ccb 文件和Objective-C 類之間的聯繫。這意味着您可以在SpriteBuilder和在代碼中爲你的遊戲對象添加行爲-我們將在後面深入討論這個概念。

一般的,SpriteBuilder的工作流程看起來像這樣:

  • SpriteBuilder中創建一個新項目

  • 將圖像和其他資源添加到您的SpriteBuilder項目中

  • 在你的遊戲項目中爲不同的場景(scenes)和物體(objects創建多個.ccb文件

  • 添加代碼連接來擴展這些場景(scenes)和物體(objects)的行爲

  • SpriteBuilder中發佈您的項目。這將更新你的Xcode項目鏈接的SpriteBuilder項目

  • Xcode中運行你的遊戲

當您從Xcode中運行你的遊戲,一個名爲CCBReader組件將讀取你的SpriteBuilder項目中的所有.ccb文件,並創建cocos2d的場景(Scenes)和節點(Nodes)出來。這裏有一個SpriteBuilderXcode項目如何在一起工作簡圖:


原文:

https://www.makegameswith.us/tutorials/getting-started-with-spritebuilder/installing-spritebuilder/


SpriteBuilder中創建一個新的項目(Create a New Project in SpriteBuilder

讓我們通過創建一個新的SpriteBuilder項目開始我們的遊戲的工作:

給項目命名爲“PeevedPenguins” 一旦項目被創建,打開Finder,並看看你的項目的文件夾結構。如果您無法在Finder中找到您的項目,可使用在屏幕的右上角Spotlight來搜索。文件夾結構看起來應該像這樣:

SpriteBuilder創建一個新的文件夾(PeevedPenguins.spritebuilder)。它裏面有一個SpriteBuilder項目(PeevedPenguins.ccbproj)和一個新的Xcode項目(PeevedPenguins.xcodeproj)。

默認SpriteBuilder項目自帶的一個場景(MainScene)。你的空項目看起來應該像這樣:

測試您的設置

讓我們確保一切都正確生成。點擊SpriteBuilder發佈按鈕(工具欄的左側):


現在打開PeevedPenguins.xcodeproj Xcode中查看項目。運行這個在iPhone模擬器,並確認它顯示了“SpriteBuilder”的消息:

恭喜!現在你已經運行了第一個SpriteBuilder項目,你知道你的工具都在工作。

原文:

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