使用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項目中，你能能管理你的遊戲項目中全部的resources和assets。在你的遊戲中，您將爲不一樣的場景（scenes）建立相應的接口文件（interface files）。接口文件（interface files）將被.ccb文件（.ccb是SpriteBuilder的前身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）出來。這裏有一個SpriteBuilder和Xcode項目如何在一塊兒工做簡圖：

原文：

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項目，你知道你的工具都在工做。

原文：

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

在下一節中將介紹Spritebuilder的操做界面及其資源管理的相關知識！轉載請說明出處，wealpan將和您一塊兒學習Spritebuilder！謝謝你們！