您的位置:首页 > 移动开发 > Cocos引擎

cocos2d - JS 常用 API

2016-09-19 14:43 525 查看

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);


文本描边 :

label.enableOutline(cc.color.BLACK, 2);
//cc.color.BLACK 是 颜色  也可以  cc.color(100,100,100,255);
//2 是描边宽度


自定义事件 :

自定义事件链接

替换图片API :

sprite.initWithFile(url);


实例 :

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


使用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);


获取当前场景 API :

var currentScene = cc.director.getRunningScene();


LayerColor :

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


BMFont(根据字体显示字符串) :

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


输入框 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);


创建按钮 和 菜单(Menu) :

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


//添加多个按钮 方法和上面一样
var menu = new cc.Menu(startBtn, exitBtn, settingBtn);
menu.setPosition(100, 100);
this.addChild(menu);


单个按钮可以直接使用下面的代码

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


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


设置正常和选中显示效果 :

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


文字 ( Label ) :

更多 Label 用法 - 链接

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


设置层级 :

node.setLocalZOrder(99);


特效转场 :

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


坐标转换 :

本地坐标转为世界坐标 :

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

//受锚点影响
var toWorldPos = nodeParent.convertToWorldSpaceAR(node.getPosition());


世界坐标转化为本地坐标 :

var toNodePos = node_A.convertToNodeSpace(node_B);

//受锚点影响
var toNodePos = node_A.convertToNodeSpaceAR(node_B);


设置高清 :

cc.view.enableRetina(true);


查看引擎版本 :

cc.ENGINE_VERSION


限制值域 :

cocos2d - JS 限制值域 - 链接
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: