Pixi.js -如何在手机上修复纹理模糊？

Question

我有两个不同的项目，他们画了一个随机草地图，他们使用的是两种不同的方法(亲自想看看哪一个更方便/有效)。一个只使用画布，另一个使用Pixi.js。它们在PC上都工作得很好，但当我使用cordova将其编译为Android应用程序时，pixi.js tileset有一个模糊。

普通画布/Cordova

​

Pixi.js/Cordova

​

如果你仔细看，Regular Canvas中的“草”是锋利的，但在Pixi.js中它是模糊的

我试着到处玩这些设置，但都没有用。window.devicePixelRatio在移动平台上读取3

PIXI.jS

PIXI.settings.autoDensity = true;
PIXI.settings.ANISOTROPIC_LEVEL = 0;
//PIXI.settings.SCALE_MODE = PIXI.SCALE_MODES.NEAREST;

let app = new PIXI.Application({
    width: screenSize.x,
    height: screenSize.y,
    antialias: true,
    autoResize: true,
    resize: (screenSize.x, screenSize.y),
    transparent: false,
    resolution: window.devicePixelRatio,
    rootRenderTarget: {
        resolution: window.devicePixelRatio
    },
    backgroundColor: 0x061639,
});

Answer 1

在玩了几次之后，我发现必须声明PIXI.settings.RESOLUTION = window.devicePixelRatio;。现在一切都变得更尖锐了

​

​