天天看點

【COCOS CREATOR 系列教程之三】PREFAB講解&CC項目如何多開與分享

還有幾天就要過年了,今天Himi就要坐車回老家了,這裡提前祝福各位新年快樂、家庭和睦、萬事如意。

進入主題,今天講解下的小夥伴比較在意的幾點問題:(目前使用的版本 0.7.1)

         1. 關于Prefab的使用與概述

         2. Cocos Creator 如何同時打開多個項目

         3. 如何把自己的Cocos Creator的項目分享給别人

  一.  關于Prefab的使用與講解(CC版Prefab的方式說明)

Prefab:大家習慣喊它“預制體”,其實通俗的講大家可以了解成是個“被打包的集合”,Prefab可以是由一個或多個節點(Node)、元件(Sprite、Label、Js腳本等)組合,當然其中也會包括元件之間的關系等一同儲存。

       a)  什麼時候用Prefab?(Himi就說下從接觸U3d到現在對Prefab的了解吧)

       當你想制作一個有通用性強、或想重複使用的且個體之間存異較少時…你都應該第一時間想到Prefab:

       例1:背包中每個物品,如下圖:

<a href="http://www.himigame.com/wp-content/uploads/2016/02/QQ20160205-0.png" target="_blank"></a>

像上圖中可以明顯看到,每個物品都包括:一個底圖、一個物品icon、一個label數量、一個文本name,不同的是每個元素内容的不同而已。是以可以我們可以設計一個Prefab 結構 如下:

   KnapItem(Node)

            itemBG      (Sprite)

            itemIcon   (Sprite)

            itemCount(Label)

            itemName (Label)

例2: 排行榜每一條目(基本都是相同的,可能每一條底圖有區分)

<a href="http://www.himigame.com/wp-content/uploads/2016/02/QQ20160205-1.png" target="_blank"></a>

上圖中我們可以将每個條目設計Prefab 其結構如下:

   RankList(Node)

            rankBG(Sprite)

            rankOderNo(Label)

            rankIcon (Sprite)

            rankNick(Label)

            rankEquIcon1(Sprite)

            rankEquIcon2(Sprite)

            rankEquIcon3(Sprite)

建立好Prefab後,利用腳本for循環執行個體化Prefab,并對其進行設定各自應該顯示的内容、圖檔等即可。

     b) 如何建立Prefab:

      那麼下面我們來通過如下圖 ( 點選圖檔檢視動态Gif效果 )   來示範建立Prefab的過程:

<a href="http://www.himigame.com/wp-content/uploads/2016/02/Prefab.gif" target="_blank"></a>

其實建立Prefab很簡單,隻要你在層級管理器視圖建立的任意節點-&gt;拖動到-&gt;資料總管視圖即可完成建立。

    c) 如何在腳本中進行執行個體使用:

1

2

3

4

5

6

7

8

t_prefab:{

    default:null,

    type:cc.Prefab

},

var tPrefab = cc.instantiate(this.t_prefab);

tPrefab.parent = this.node;

tPrefab.setPosition(-210,100);

    d)已建立好的Prefab的修改操作

          目前版本無法支援選中做好的Prefab進行直接修改操作。是以我們步驟進行:

将制作好的Prefab拖到層級管理器

選中進行修改Prefab,然後檢視屬性檢查器,可看到如下圖:

<a href="http://www.himigame.com/wp-content/uploads/2016/02/[email protected]" target="_blank"></a>

         可以看到有個“prefab”标簽,其中按鈕的作用如下:

         “回退”:當你目前Prefab如果有任意一處與原型Prefab不同時,可點選進行還原。

         “儲存”:當你目前Prefab如果有任意一處與原型Prefab不同時,可點選進行儲存并修改原型Prefab

       【注意】修改Prefab(原型Prefab有改動)那麼所有的Prefab示例都會改變!

二.  如何打開多個不同的Cocos Creator項目

     Windows: 輕按兩下圖示即可

     Mac:打開終端,使用 open -n PATH,  (PATH是你CC的路徑)如下:

     open -n /Applications/CocosCreator.app/

<a href="http://www.himigame.com/wp-content/uploads/2016/02/[email protected]" target="_blank"></a>

<a href="http://www.himigame.com/wp-content/uploads/2016/02/QQ20160129-0.png" target="_blank"></a>

三.  如何将自己的Cocos Creator 整個項目分享給别人

        1. 目前的版本由于還沒有與cc的.fire檔案關聯,是以如果想把項目分享給别人,隻需要将項目根目錄下,除“temp”與“library” ,剩餘所有檔案發給别人即可。

<a href="http://www.himigame.com/wp-content/uploads/2016/02/QQ20160205-2.png" target="_blank"></a>

    2. 對方将所有檔案替換一個新建立的空項目即可

那麼本篇就先到這裡,下一篇Himi将利用目前的版本制作一個PageView。

本文轉自 xiaominghimi 51CTO部落格,原文連結:http://blog.51cto.com/xiaominghimi/1741213,如需轉載請自行聯系原作者

繼續閱讀