cocos2d - JS 常用 API :

建立顏色層 (LayerColor)API :

var LayerColor =  new cc.LayerColor(cc.color(0,0,0,120), cc.winSize.width, cc.winSize.height);
scene.addChild(LayerColor);

• 1
• 2

---

文字描邊 :

label.enableOutline(cc.color.BLACK, 2);
//cc.color.BLACK 是 顏色  也可以  cc.color(100,100,100,255);
//2 是描邊寬度

• 1
• 2
• 3

---

自定義事件 :

自定義事件連結

---

替換圖片API :

sprite.initWithFile(url);

• 1

例項 :

node.initWithFile("res/normalBox.png");

• 1

---

使用plist顯示圖片( 精靈快取 SpriteFrameCache ) :

cocos2d - JS 精靈幀快取 ( SpriteFrameCache ) - 連結

---

紋理快取 :

將圖片新增到記憶體中 , 返回紋理建立物件 .

var textrue = cc.textureCache.addImage(res.bg_png);

var node = new cc.Sprite(textrue);
//或者 
var node = new cc.Sprite(res.bg_png);

• 1
• 2
• 3
• 4
• 5
• 6

---

獲取當前場景 API :

var currentScene = cc.director.getRunningScene();

• 1

---

LayerColor :

var layer = new cc.LayerColor(cc.color(0,0,0,155),cc.winSize.width + 200, cc.winSize.height + 200);

• 1

---

BMFont(根據字型顯示字串) :

var BMFont = new cc.LabelBMFont("test" , res.font);
BMFont.setPosition(300,300);
this.addChild(BMFont);

• 1
• 2
• 3

---

輸入框 EditBox :

var sp = new cc.Scale9Sprite("res/edibg.jpg");
var account = new cc.EditBox(cc.size(459, 45), sp);
account.setFontColor(cc.color.BLACK);
account.setPosition(cc.winSize.width/2, cc.winSize.height/2);
this.addChild(account);

• 1
• 2
• 3
• 4
• 5
• 6

---

建立按鈕 和 選單(Menu) :

var startBtn = new cc.MenuItemImage(res.Btn, res.Btn, this.menuCallBack, this);

• 1

//新增多個按鈕 方法和上面一樣
var menu = new cc.Menu(startBtn, exitBtn, settingBtn);
menu.setPosition(100, 100);
this.addChild(menu);

• 1
• 2
• 3
• 4

單個按鈕可以直接使用下面的程式碼

var TestBtn = new cc.Menu(new cc.MenuItemImage(res.Btn, res.Btn, this.callback, this));
TestBtn.setPosition(100, 100);
this.addChild(TestBtn);   

• 1
• 2
• 3

callback: function(sender){
    cc.log("回撥函式");
},

• 1
• 2
• 3

• 設定正常和選中顯示效果 :

callback: function(sender){
    sender.setNormalSpriteFrame(res.soundBtn3);
    sender.setSelectedSpriteFrame(res.soundBtn4);
},

• 1
• 2
• 3
• 4
• 5

---

文字 ( Label ) :

★ 更多 Label 用法 - 連結

var label = new cc.LabelTTF("test", "Microsoft YaHei", 42);

• 1

---

設定層級 :

node.setLocalZOrder(99);

• 1

---

特效轉場 :

cc.director.runScene(new cc.TransitionFade(time, scene));

• 1

---

座標轉換 :

本地座標轉為世界座標 :

var toWorldPos = nodeParent.convertToWorldSpace(node.getPosition());

//受錨點影響
var toWorldPos = nodeParent.convertToWorldSpaceAR(node.getPosition());

• 1
• 2
• 3
• 4

世界座標轉化為本地座標 :

var toNodePos = node_A.convertToNodeSpace(node_B);

//受錨點影響
var toNodePos = node_A.convertToNodeSpaceAR(node_B);

• 1
• 2
• 3
• 4

---

設定高清 :

cc.view.enableRetina(true);

• 1

---

檢視引擎版本 :

cc.ENGINE_VERSION

• 1