還有幾天就要過年了,今天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很簡單,隻要你在層級管理器視圖建立的任意節點->拖動到->資料總管視圖即可完成建立。
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,如需轉載請自行聯系原作者