Javascript 将双三次缩放过滤器应用于Pixi.js精灵

我在游戏中使用基于WebGL的框架，并尝试应用双三次缩放过滤器。在这种情况下，性能并不重要

在这里，您可以看到一个使用CSS制作的示例：

请检查我的浏览器

此代码适用于线性缩放图像：

var stage = new PIXI.Stage(0xFFFFFF, true);
var bg = PIXI.Sprite.fromImage("image.png");
bg.scale.x = .125;
bg.scale.y = .25;
stage.addChild(bg);

var renderer = PIXI.autoDetectRenderer(93, 79);
document.body.appendChild(renderer.view);
var textureHasLoaded = false;
checkIfTextureHasLoaded();

function checkIfTextureHasLoaded(){
    if (bg.texture.baseTexture.hasLoaded){
        textureHasLoaded = true;
        renderTexture();   
    }
    if (!textureHasLoaded){
        requestAnimFrame(checkIfTextureHasLoaded);
    }
}

function renderTexture(){
    renderer.render(stage);   
}

---

js团队将很快添加指定的可能性

编辑：

您现在可以：

---

对于Pixi.js 3.0及以上版本，可通过更改Pixi.SCALE_MODES.default设置默认缩放比例：

PIXI.SCALE_MODES.DEFAULT = PIXI.SCALE_MODES.NEAREST;

对于Pixi.js 1.5.0及以上版本，常数已更改，缩放比例现在设置为：

PIXI.scaleModes.DEFAULT = PIXI.scaleModes.NEAREST;

---

现在是

PIXI.settings.SCALE\u MODE=PIXI.SCALE\u MODES.NEAREST

或

texture.scaleMode=PIXI.SCALE\u MODES.NEAREST

PIXI.scaleModes.DEFAULT = PIXI.scaleModes.NEAREST;