微信小游戏模糊问题

模糊原因:原本微信小游戏帮忙做缩放适配,新版本需要引擎自己去适配。


解决方案一:

在发布后的文件夹找到main.js,在onStart里添加代码:

cc.ContainerStrategy.prototype._setupContainer = function (view, w, h) {
    var locCanvas = cc.game.canvas, locContainer = cc.game.container;
    if (!CC_WECHATGAME && cc.sys.os === cc.sys.OS_ANDROID) {
        document.body.style.width = (view._isRotated ? h : w) + 'px';
        document.body.style.height = (view._isRotated ? w : h) + 'px';
    }
    // Setup style
    locContainer.style.width = locCanvas.style.width = w + 'px';
    locContainer.style.height = locCanvas.style.height = h + 'px';
    // Setup pixel ratio for retina display
    var devicePixelRatio = view._devicePixelRatio = 1;
    if (view.isRetinaEnabled()) {
        devicePixelRatio = view._devicePixelRatio = window.devicePixelRatio || 1;
    }
    // Setup canvas
    locCanvas.width = w * devicePixelRatio;
    locCanvas.height = h * devicePixelRatio;
};


解决方案二:

1、找到引擎目录里的CCView.js,找到_setupContainer,把这两行代码移到括号外;

模糊问题.png

2、删除bin\.cache;

3、重新打开Cocos Creator发布。


注意:cocos creator 1.x版本需要再调用cc.view.enableRetina(true);