上面写的解决方案试过了，没用，白鹭引擎

启用有黑屏一会儿，声音播放还延迟，整个游戏玩起来卡

要怎么解决？

明天都放假了，今天出这档子事，还能不能好好过年啊

Cocos Creator 引擎在适配时原本限制了 devicePixelRatio 最大值为 2，因为传统浏览器在 devicePixelRatio 过大时会非常卡顿。但是由于部分手机的基础分辨率过低，2 倍并不能有效提升清晰度，为了解决这个问题，可以尝试下面的方案

在发布后的 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; }; cc.view.enableRetina(true);

为了不每次都更改代码，可以尝试自定义模版：

https://docs.cocos.com/creator/manual/zh/publish/custom-project-build-template.html

求问，Phaser如何解决，只有安卓会模糊对吧。

phaser 2 字体模糊 。这个需要怎么配置。恳请帮忙解决下。

难怪fillText一直模糊。

按pixelRatio扩大画布，写一个hook.js把context上与像素有关的函数override一下：

/**
 * 画布缩放，只有sysInfo.pixelRatio扩大画布，贴图和文字才会清晰，但是离屏画布复制到前景时变慢很多。
 */


//如果要扩大画布(高清)，注释掉这一行
//wx.tmGlobal.sysInfo.pixelRatio = 1;


wx.tmGlobal.canvas.width = wx.tmGlobal.sysInfo.screenWidth * wx.tmGlobal.sysInfo.pixelRatio;
wx.tmGlobal.canvas.height = wx.tmGlobal.sysInfo.screenHeight * wx.tmGlobal.sysInfo.pixelRatio;
wx.tmGlobal.bkgCanvas.width = wx.tmGlobal.sysInfo.screenWidth * wx.tmGlobal.sysInfo.pixelRatio;
wx.tmGlobal.bkgCanvas.height = wx.tmGlobal.sysInfo.screenHeight * wx.tmGlobal.sysInfo.pixelRatio;
wx.tmGlobal.canvas3.width = wx.tmGlobal.sysInfo.screenWidth * wx.tmGlobal.sysInfo.pixelRatio;
wx.tmGlobal.canvas3.height = wx.tmGlobal.sysInfo.screenHeight * wx.tmGlobal.sysInfo.pixelRatio;


let CanvasRenderingContext2D = wx.tmGlobal.context.constructor;


let fn_moveTo=CanvasRenderingContext2D.prototype.moveTo;
CanvasRenderingContext2D.prototype.moveTo = function (x, y) {
  return fn_moveTo.call(this,
    x * wx.tmGlobal.sysInfo.pixelRatio,
    y * wx.tmGlobal.sysInfo.pixelRatio);
}


let fn_lineTo = CanvasRenderingContext2D.prototype.lineTo;
CanvasRenderingContext2D.prototype.lineTo = function (x, y) {
  return fn_lineTo.call(this,
    x * wx.tmGlobal.sysInfo.pixelRatio,
    y * wx.tmGlobal.sysInfo.pixelRatio);
}


let fn_strokeRect = CanvasRenderingContext2D.prototype.strokeRect;
CanvasRenderingContext2D.prototype.strokeRect = function (x, y, w, h) {
  return fn_strokeRect.call(this,
    x * wx.tmGlobal.sysInfo.pixelRatio,
    y * wx.tmGlobal.sysInfo.pixelRatio,
    w * wx.tmGlobal.sysInfo.pixelRatio,
    h * wx.tmGlobal.sysInfo.pixelRatio);
};


let fn_fillRect = CanvasRenderingContext2D.prototype.fillRect;
CanvasRenderingContext2D.prototype.fillRect = function (x, y, w, h) {
  return fn_fillRect.call(this,
    x * wx.tmGlobal.sysInfo.pixelRatio,
    y * wx.tmGlobal.sysInfo.pixelRatio,
    w * wx.tmGlobal.sysInfo.pixelRatio,
    h * wx.tmGlobal.sysInfo.pixelRatio);
};


let fn_drawImage = CanvasRenderingContext2D.prototype.drawImage;
CanvasRenderingContext2D.prototype.drawImage = function (img) {
  //console.log(arguments);
  let params = new Array(9);
  if (arguments.length == 3) {
    params[0] = arguments[0];        //img
    params[1] = 0;                   //sx
    params[2] = 0;                   //sy
    params[3] = arguments[0].width;  //sw
    params[4] = arguments[0].height; //sh
    params[5] = arguments[1];        //dx
    params[6] = arguments[2];        //dy
    params[7] = arguments[0].width;  //dw
    params[8] = arguments[0].height; //dh
  }
  else if (arguments.length == 5) {
    params[0] = arguments[0];        //img
    params[1] = 0;                   //sx
    params[2] = 0;                   //sy
    params[3] = arguments[0].width;  //sw
    params[4] = arguments[0].height; //sh
    params[5] = arguments[1];        //dx
    params[6] = arguments[2];        //dy
    params[7] = arguments[3];        //dw
    params[8] = arguments[4];        //dh
  }
  else params = arguments;
  for (let i = 5; i < params.length; i++) {
    params[i] = params[i] * wx.tmGlobal.sysInfo.pixelRatio;
  }
  //console.log(params);
  return fn_drawImage.apply(this, params);
};


let fn_fillText = CanvasRenderingContext2D.prototype.fillText;
CanvasRenderingContext2D.prototype.fillText = function (s, x, y) {
  return fn_fillText.call(this,
    s, x * wx.tmGlobal.sysInfo.pixelRatio,
    y * wx.tmGlobal.sysInfo.pixelRatio);
}


let fn_createImageData = CanvasRenderingContext2D.prototype.createImageData;
CanvasRenderingContext2D.prototype.createImageData = function (w, h) {
  return fn_createImageData.call(this,
    w * wx.tmGlobal.sysInfo.pixelRatio, h * wx.tmGlobal.sysInfo.pixelRatio);
}


let fn_getImageData = CanvasRenderingContext2D.prototype.getImageData;
CanvasRenderingContext2D.prototype.getImageData = function (x, y, w, h) {
  return fn_getImageData.call(this,
    x * wx.tmGlobal.sysInfo.pixelRatio,
    y * wx.tmGlobal.sysInfo.pixelRatio,
    w * wx.tmGlobal.sysInfo.pixelRatio,
    h * wx.tmGlobal.sysInfo.pixelRatio);
}


let fn_putImageData = CanvasRenderingContext2D.prototype.putImageData;
CanvasRenderingContext2D.prototype.putImageData = function (data, x, y) {
  return fn_putImageData.call(this, data,
    x * wx.tmGlobal.sysInfo.pixelRatio, y * wx.tmGlobal.sysInfo.pixelRatio);
}

果然清晰了：

只是两个canvas复制时速度满了很多，应该就是慢piexlRatio倍吧。

难怪fillText画出的文字看起来是模糊的，如何处理呢？

shader 接口是什么接口？在哪可以查到用法？重度游戏怎么调用shader接口？

在安卓机 模拟器上都没问题, 在iphone手机上 显示的不对,如图

代码如下:

还需要其他设置才能把iPhone搞定吗?

Laya项目卡顿大家怎么解决的，求告知

试了下，上面提供的方法“可能会”没有用，所以有时候可以尝试一下

renderer.setSize

来调整