为什么在Pixi.js中向Sprites添加Sprites会导致奇怪的缩放

Question

嗨，我想知道为什么Pixi.js中的精灵比我想要的要大得多。 如果我将我的精灵“蝙蝠”添加到我的舞台上，它看起来是正确的，但是当我使用一个名为“背景”的精灵并将我的精灵“蝙蝠”添加到它时，那么大小就搞砸了。

我的背景看起来像这样

function Background(screenWidth , screenHeight, imgPath)
{
    var bgImage = PIXI.Texture.fromImage(imgPath);
    PIXI.Sprite.call(this, bgImage);
    this.position.x = 0;
    this.position.y = 0;
    this.width = screenWidth;
    this.height = screenHeight;
}
Background.constructor = Background;
Background.prototype = Object.create(PIXI.Sprite.prototype);

Background.prototype.update = function()
{
//DO NOTHING
};

我的舞台与我的背景大小完全一样，所以我想知道为什么我的精灵“蝙蝠”的大小加倍。 有谁知道我做错了什么？ 提前谢谢。

Answer 1

如果不了解您的实施情况，我就无法避免为什么会变大。

但是... 您是否尝试将PIXI.DisplayObjectContainer放入舞台，然后添加＆＃34;背景＆＃34;和＆＃34; bat＆＃34;对吗？

如果你不熟悉精灵的缩放，那么每个精灵都应该使用与各自源文件相同的测量值进行渲染。