Cocos2d-JS 屏幕适配相关内容

来源:互联网 发布:软件投标书模板 编辑:程序博客网 时间:2024/04/30 07:35

监听浏览器窗口大小变化事件 :
新的适配方案允许在浏览器大小变化的时候自动重新尝试适配。比如说,当用户拖拽来改变浏览器大小,或者更有用的情况,当他们转动自己手机方向的时候。游戏中任意时刻都可以开启这种行为,只需要调用cc.view的resizeWithBrowserSize函数:

cc.view.resizeWithBrowserSize(true);

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

cc.view.setResizeCallback(function() {    // 做任何你所需要的游戏内容层面的适配操作    // 比如说,你可以针对用户的移动设备方向来决定所要应用的适配模式});

Fullscreen API :
Fullscreen API是浏览器允许Web页面在获得用户全屏幕的一个新的制定中的API。
Cocos2d-JS在移动端浏览器中会尝试自动进入全屏幕来给用户更好的游戏体验(需要指出并不是所有浏览器都支持这个API)。
另一方面,桌面端几乎所有现代浏览器都支持Fullscreen API,如果你希望使用这个API,Cocos2d-JS也简化了它的使用方式:

尝试进入全屏模式(需要用户交互):

`cc.screen.requestFullScreen(targetElement,onFullScreenCallback);`

检测是否处于全屏模式 :

cc.screen.fullScreen();

退出全屏模式 :

 cc.screen.exitFullScreen();

获取当前尺寸 :

cc.view.getFrameSize()

main中添加 :

cc.view.enableAutoFullScreen(false);  //true   : 可以自动全屏                                      //false  : 不可以自动全屏                                      //添加在cc.view.setDesignResolutionSize的前面//cc.view.setDesignResolutionSize(640, 960 , cc.ResolutionPolicy.SHOW_ALL); 
1 0
原创粉丝点击