getBounds() returns a rectangle significantly larger than the sprite

[aluminum1]

I am getting strange behaviour from getBounds, especially when my sprite is rotated. Consider the following code, which loads up a tank pic (attached).

// Convenient PIXI aliases
const Graphics = PIXI.Graphics
const ParticleContainer = PIXI.ParticleContainer
const Container = PIXI.Container
const Sprite = PIXI.Sprite



// Set up PIXI view
let app = new PIXI.Application(
    {
      width: 600,
      height: 600,
      background: 0x000000,
      antialias: true,
      transparent: false,
      resolution: 1,
//    resizeTo: window
    })
app.renderer.view.style.position = "absolute";
app.renderer.view.style.display = "block";
app.renderer.autoDensity = true;
document.body.appendChild(app.view)


// Add player 1
let player1 = new Container()
let player1Tank = Sprite.from("tank body.png")
player1.addChild(player1Tank)
player1.angle = 30

player1.position.x = 150
player1.position.y = 150

app.stage.addChild(player1)

// call player1.getBounds() in the console in Chrome Dev Tools. You will get a rectangle which is bigger by about 8 pixels
// or so on all sides than the actual (rotated) tank.

If you call  player1.getBounds() in the console in Chrome Dev Tools, you get a rectangle which is bigger by about 8 pixels than it needs to be (that "bloat" of pixels varies depending on the rotation of the tank.)

[Yurii Bilas]

Hi, @aluminum1! getBounds returns the global bounds in your game's "world" (see https://pixijs.download/dev/docs/PIXI.DisplayObject.html#getBounds). So when you rotate something by 30 degrees, the object will have greater global width and height. Look at the picture:

To get the size of the object without the transformations in local coordinates you can use getLocalBounds (see https://pixijs.download/dev/docs/PIXI.DisplayObject.html#getLocalBounds).
Hope that helps!

[aluminum1]

Yes, I am aware that when you rotate a rectangle, the width and height of its axes-aligned rectangular bounds will increase. But, PixiJS is still overestimating the bounds by about 8 pixels or so of that axes-aligned box, even taking that into account! In other words, the axes-aligned rectangular bounds of the rotated rectangle is bigger by about 8 pixels or so than it needs to be. This is apparent when you run the above code and look at the bounding box that PixiJS returns.

 

[Yurii Bilas]

How do you know that it's bigger by 8 pixels? Have you done some calculations?

[aluminum1]

Well, I plotted rectangle that was returned by PixiJS, i.e. I asked for the bounding box of my tank, then I plotted that rectangle, and I noted that it was quite a lot bigger than the axis-aligned bounding box of the tank. You can see this most easily if you install the PixiJS debugging extension on Chrome, then you can click on any object and see its bounding box.

[Yurii Bilas]

Please note that the pixijs debugging extension is sometimes showing wrong bounding boxes! I tried using it, too, but it had lots of issues.

[Yurii Bilas]

Also your bounding box may be bigger if you add any other children objects. Please make sure that there is only one object.

 

[Yurii Bilas]

@aluminum1
Well, I've tested your code & image. And it's working fine.
Please, take a look at this playground:
https://www.pixiplayground.com/#/edit/5giN3i08GpFkgknzh49vX
Backup for code just in case someone stumbles on this topic and the link doesnt work:
 

// Convenient PIXI aliases
const Graphics = PIXI.Graphics
const ParticleContainer = PIXI.ParticleContainer
const Container = PIXI.Container
const Sprite = PIXI.Sprite



// Set up PIXI view
let app = new PIXI.Application(
    {
      width: 600,
      height: 600,
      backgroundColor: 0x555555,
      antialias: true,
      transparent: false,
      resolution: 1,
//    resizeTo: window
    })
app.renderer.view.style.position = "absolute";
app.renderer.view.style.display = "block";
app.renderer.autoDensity = true;
document.body.appendChild(app.view)


// Add player 1
let player1 = new Container()
let texture = PIXI.Texture.from("data:image/png;base64,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");
let player1Tank = Sprite.from(texture)
player1.addChild(player1Tank)
player1.scale.set(2)
player1.angle = 30

player1.position.x = 150
player1.position.y = 150

app.stage.addChild(player1)

const graphics = new PIXI.Graphics();
app.stage.addChild(graphics);


app.ticker.add(function(delta)
{
    player1.rotation += 0.005 * delta;
    const bounds = player1.getBounds();
    graphics.clear()
    graphics.beginFill(0xff0000, 0.5);
    graphics.drawRect(bounds.left, bounds.top, bounds.width, bounds.height);
    graphics.endFill()
});

 

[aluminum1]

Thank you for this. Much appreciated. I will have to dig down and understand the root of the supposed issue on my end.