使用SpriteBuilder製做Cocos2D遊戲徹底中文教程（二）

Spritebuilder的用戶界面

在咱們建立咱們的遊戲以前，讓咱們來看看SpriteBuilder的用戶界面。乍一看，SpriteBuilder的UI感受很熟悉 - 它使用了Xcode中的故事板中的許多概念。

該界面分爲4個主要部分：

1.    資源/組件瀏覽器：在這裏，您能夠看到您所建立或添加到您的項目中的不一樣的資源和場景。您還能夠選擇不一樣類型的節點（Nodes）並將其拖動到場景中。

2.    第一階段：該階段將預覽您的當前場景。在這裏，你能夠安排屬於一個場景的全部節點。

3.    時間軸：時間軸用於在SpriteBuilder中建立動畫。更多的時間軸細節咱們將在之後詳細討論。

4.    詳情查看：一旦你選擇場景中的節點，這個細節視圖將顯示大量關於該節點可編輯的信息。您能夠修改位置，內容（例如一個標籤的文本）和物理性質等。

讓咱們來仔細看看其中比較重要的幾個視圖：

文件視圖

在資源/組件的瀏覽器（標記爲上圖中第1節）第一個標籤表明的文件視圖。它會列出您已經添加的全部.ccb文件和資源。

在這個視圖中，您能夠添加新的資源和調整項目中的文件夾層次結構。

節點庫

第三個選項卡是節點庫：

此面板顯示了你能夠用於構建遊戲場景和菜單的全部可用的節點類型。

檢閱欄

在詳細信息視圖（標記爲上圖中第4節）的第一個選項卡是檢閱欄，一旦在你選中了一個場景中的對象的時候，你可使用這個面板來修改它的許多特性，如位置和顏色：

代碼鏈接

在右側面板中的第二個選項卡讓您可以管理您選擇的節點的代碼連接。你能夠在這裏作的是爲您的節點設置自定義的Objective-C類（設置類名）：

發佈到Xcode中

在你測試你的第一個項目時已經使用此按鈕。使用的左上角按鈕，你將發佈你在Spritebuilder項目中的修改，並更新到您的Xcode項目中。

原文：

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

使用SpriteBuilder管理資源（Manage Assets with SpriteBuilder）

獲取教程中項目的美術資源： Peeved Penguins art pack 。

導入資源

拖動解壓的PeevedPenguinsAssets文件夾到資源窗格（MainScene.ccb下的空的空間）。

調整自動縮放設置

若是你看了資源文件夾中的圖片資源，你會發現每一個圖像只提供一套資源而不是爲視網膜和非視網膜設備分別提供單獨的資源。這是可能的，由於Spritebuilder支持自動縮放。

因爲SpriteBuilder的自動縮放你只須要提供最高分辨率的圖像， SpriteBuilder將自動生成低分辨率的圖像。若是你以前已經用了cocos2d，這意味着沒有更多的按期和高清文件！

SpriteBuilder設置默認狀況下，從4倍分辨率（視網膜圖像的雙精度）縮減資源。 Peeved Penguins項目提供2倍高清資源（視網膜分辨率）, 因此咱們必須改變咱們的項目此設置。打開文件>項目設置和更改默認縮放2倍（phonehd）：

如今，當您經過SpriteBuilder發佈，它會自動生成非視網膜iPhone資源。

啓用Smart Sprite Sheet

SpriteBuilder還有一個很好的功能，你應該在你的遊戲使用：Smart Sprite Sheets。當您使用Smart Sprite Sheets，SpriteBuilder會爲全部資源自動生成一個大的圖像。這使得該設備中的全部資源將被一次裝入內存中，加快遊戲的運行速度。

先將Peeved Penguins中的全部資源轉換成Smart Sprite Sheets。你須要右鍵單擊到該文件夾並選擇Make Smart Sprite Sheet：

在這以後你的文件夾的圖標應該成爲粉紅色。如今，點擊發布按鈕。此時將產生你的Smart Sprite Sheets。若是一切正常了，你會看到你的精靈表的一個很好的預覽效果，你能夠在資源窗格中選擇它：

如今你知道如何將資源添加到您的遊戲中，如何使用SpriteBuilder提供的一些優化操做。

原文：

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

在下一節中將介紹Spritebuilder的動畫建立及自定義對象建立的知識！轉載請說明出處，wealpan將和您一塊兒學習Spritebuilder！謝謝你們！