首先，我們應該把「running.plist」 和 「running.png」新增到 resource.js檔案中。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var res = ;
var g_resources = [
//image
res.hellobg_png,
res.start_n_png,
res.start_s_png,
res.playbg_png,
res.runner_png,
res.runner_plist
];
這裡我們把變數 runner_ png 的值置成精靈表的檔名"running.png"。稍後，我們會用變數 runner_png 來建立我們的玩家精靈。
首先，我們應該在檔案animationlayer.js中新增下面的成員變數：
1
2
3
spritesheet:null,
runningaction:null,
sprite:null,
然後，我們用下面的內容替換玩家的建立方法：
1
this.sprite = cc.sprite.create("#runner0.png");
我們可以用下面的**很輕鬆的建立乙個動畫：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//1.載入精靈表
cc.spriteframecache.addspriteframes(res.runner_plist);
//2.建立精靈幀陣列
var animframes = ;
for(var i = 0; i < 8; i++)
//3.用精靈幀陣列和一定的時間間隔建立乙個動畫
var animation = cc.animation.create(animframes, 0.1);
//4.用乙個重複持續動作封裝這個精靈動作
this.runningaction = cc.repeatforever.create(cc.animate.create(animation));
這個動畫是用精靈表中一系列小的（從runner0.png到runner7.png）構造出來的。
下面是在cocos2d-js中建立乙個動畫的完整的處理過程：
1.往spriteframecache類中載入精靈表的plist檔案。
2.往陣列animframes中新增動畫幀。
3.用動畫幀陣列和表示每兩個精靈幀之間的時間間隔來建立乙個cc.animation的物件。
4.建立最終的cc.animate物件，並用乙個重複的持續性動作封裝起來。
這樣這個動畫就會一直運動下去。
一般來說，如果我們在cocos2d-js中使用動畫，我們經常會用spritebatchnode來提高在webgl模式或cocos2d-x jsb模式下的遊戲效能。
cocos2d js 定製載入介面
cocos2d進入遊戲前都有乙個預設的載入介面,如圖，如果要自己定製這個載入介面，應該如何做呢 以下是main.js的 cc.game.onstart function this cc.game.run 其中cc.loaderscene就是loading介面的實現類，對應的檔案就是ccloaders...
在cocos2d js中使用pomelo
nodejs預設安裝了npm工具 pomelo是基於nodejs，會用到很多nodejs中的 另外還需要用到npm工具。參考github官網 npm工具會用到git 使用npm工具安裝browserify npm install g browserify 關於browserify可以參考 推酷官網 ...
Cocos2d JS螢幕適配
有終端開發經驗的讀者應該對螢幕適配問題深感痛惡，因為這個世界實在有太多型別的手機和平板了，各種尺寸 首先，我們來認識三個術語 cocos2d js為我們提供的螢幕適配方法有如下幾種 1.自適應拉伸cc.resolutionpolicy.exact fit 該方案下，遊戲剛好鋪滿整個螢幕，但畫面的比例...