PIXI.js 如何停止 PIXI.Graphics 模糊？

Question

我有一个 PIXI.Graphics 对象，我在其中添加了 9 倍的 16x16 纹理，然后放大，但结果非常模糊。代码：

const graphics: PIXI.Graphics = new PIXI.Graphics();
const slotTexture: PIXI.Texture = game.textureManager.getTexture('hotBarSlot'); 
graphics.beginTextureFill({
    texture: slotTexture,
});
graphics.drawRect(0, 0, width * 16, height * 16);
graphics.endFill();
graphics.scale.set(6, 6);

这是我得到的结果：

这是我的贴图（真的很小）:

我该如何解决这个问题？

Answer 1

好的，我想通了！

我必须添加这一行：

slotTexture.texture.baseTexture.scaleMode = PIXI.SCALE_MODES.NEAREST;

PIXI.js 如何停止 PIXI.Graphics 模糊？

PIXI.js how to stop PIXI.Graphics being blurry?

pixi.js