频道导航

cocos2d-js游戏设计常用函数

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

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

@H_502_0@

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

cc.eventManager.addListener({

prevTouchId: -1,

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

vartouch = 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文件方法：

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

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

使用时：

varsprite=cc.Sprite.createWithSpriteFrameName(" 01.png ");

sprite .initWithSpriteFrameName(" 01.png

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

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

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

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