cocos2d-js v3.1 bug记录

最新推荐文章于 2023-07-26 15:06:15 发布

singleparty

最新推荐文章于 2023-07-26 15:06:15 发布

阅读量315

点赞数 2

CC 4.0 BY-SA版权

文章标签： cocos2d-js

本文链接：https://blog.youkuaiyun.com/singleparty/article/details/50659969

本文详细介绍了在使用Cocos2d-x进行游戏开发时遇到的屏幕顶部或右侧出现小黑边的问题以及Chrome手机模拟器报错的情况，并提供了相应的解决方案。包括适配策略调整、修改Node.js中的removeAllChildren方法实现脏检查，以及为解决全屏显示问题添加CSS样式。此外，还指出了在不同设备和浏览器上可能遇到的兼容性问题，并给出了相应的应对措施。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写在前面，本帖记录为主，如果新版已经修复，请忽略。。。
1、屏幕顶部或者右侧出现的小黑边（个位像素的宽度）（SHOW_ALL适配策略）

cc.view.setDesignResolutionSize(720, 1280, cc.ResolutionPolicy.SHOW_ALL);

效果如图：
这里写图片描述
强迫症不能忍，原因就不细究了，解决方法如下：

var policy = new cc.ResolutionPolicy(cc.ContainerStrategy.PROPORTION_TO_FRAME,cc.ContentStrategy.EXACT_FIT);
cc.view.setDesignResolutionSize(720, 1280, policy);

2、removeAllChildren方法失效
查看对象属性发现数组已经清空但是没有触发dirty check
解决方法如下，修改CCNode.js下removeAllChild方法

removeAllChildren: function (cleanup) {
        // not using detachChild improves speed here
        var __children = this._children;
        if (__children != null) {
            if (cleanup == null)
                cleanup = true;
            for (var i = 0; i < __children.length; i++) {
                var node = __children;
                if (node) {
                    // IMPORTANT:
                    //  -1st do onExit
                    //  -2nd cleanup
                    if (this._running) {
                        node.onExitTransitionDidStart();
                        node.onExit();
                    }
                    if (cleanup)
                        node.cleanup();
                    // set parent nil at the end
                    node.parent = null;
                }
            }
            this._children.length = 0;
            this.setNodeDirty();
           cc.renderer.childrenOrderDirty = true;
        }
    }

添加的只有最后两行：

this.setNodeDirty();
cc.renderer.childrenOrderDirty = true;

3、一个不算bug的bug，适配有时候不能全屏
效果如图：
这里写图片描述
html示意如下：

<body>
    <canvas id="gameCanvas" width="720" height="1280"></canvas>
</body>

修改方案很简单：

<style>
body {overflow: hidden;}
</style>

4、chrome手机模拟会报错
head标签添加：

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale = 1,user-scalable = 0"/>

刚学cocos，有理解不对的地方欢迎讨论。。