频道导航

cocos2d-js游戏设计常用函数笔记

2019-05-18 Cocos2d-x 前端之家

前端之家收集整理的这篇文章主要介绍了cocos2d-js游戏设计常用函数笔记，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

1、给一个Layer添加触摸事件，前提需要在cocos studio当中吧panel的交互去掉，不然会不能自定义其触摸事件，

cc.eventManager.addListener({

prevTouchId: -1,

event: cc.EventListener.TOUCH_ALL_AT_ONCE,255)"> onTouchesEnded:function (touches,event) {

var touch = touches[0];

cc.log("onTouchesEnded");

}

},this);

2、获取cocostudio设计UI界面json数据，以及界面中控件的交互：

var root = ccs.uiReader.widgetFromJsonFile(res.game01Controller_json);

this.addChild(root,1);

this.btn_darts=ccui.helper.seekWidgetByName(root,"btn_darts");

this.btn_darts .addTouchEventListener(this.dartsTouchEvent,this);

3、使用create方法创建的Sprite需要更换图片方法：

this.setTextureRect(cc.rect(196,2,52,42));

4、使用plist文件方法：（更换layer中图片方式，图片是一张合成大图，默认已有大图，用 initWithSpriteFrameName，需注意图片路径）

cc.SpriteFrameCache.getInstance().addSpriteFrames(resb01plist);

cc.SpriteFrameCache.getInstance().addSpriteFrames(res.b02plist);

使用时：

var sprite=cc.Sprite.createWithSpriteFrameName(" 01.png ");

sprite .initWithSpriteFrameName("

5、使用ScrollView，需要给控件添加以下参数才能正常使用

this.scoll_level.setDirection(cc.SCROLLVIEW_DIRECTION_BOTH);

this.scoll_level.setTouchEnabled(true);

this.scoll_level.setBounceEnabled(true);

6、监听浏览器大小变化横竖屏：

当用户拖拽来改变浏览器大小，或者更有用的情况，当他们转动自己手机方向的时候。游戏中任意时刻都可以开启这种行为，只需要调用cc.EGLView的resizeWithBrowserSize函数：

cc.EGLView.getInstance().resizeWithBrowserSize(true);

为了更灵活得应对变化，我们为cc.EGLView提供了一个新的函数，你可以通过setResizeCallback函数注册一个回调函数来监听浏览器窗口大小变化事件：

cc.EGLView.getInstance().resizeWithBrowserSize(true);

// 做任何你所需要的游戏内容层面的适配操作

// 比如说，你可以针对用户的移动设备方向来决定所要应用的适配模式

// 比如说获取宽度和高度，如果宽度大于高度就是横屏，如果宽度小于高度就是竖屏});

7、使用cc.sys.localStrong存入到数据库当中对html5和app的区别：

html5当中若使用var values=cc.sys.localStrong.getItem("key"),当key不存在的时候 values=undefined，而在app当中的时候其values=0.

切记判断有值为0的时候记得考虑清楚。

8、cocos2d-js读取json文件和txt文件的方法：

往往在更多的时候是需要设置游戏关卡地图，而这写数据需要能更好的与文案协同工作最好是保存到txt或者json文件，文案可以把excel文档通过一定的设置导入到txt文件或json文件。以下是使用cocos2d-js读取txt和json文件的方法

1、html5

cc.loader._loadTxtSync("res/map.txt")；

2、native