How to get total width of sprite with its children

[bymafmaf]

I have a parentSprite that is created with no key. Such as:

var parentSprite = game.add.sprite(0,0);

Its only mission is to hold some child sprites. But when I try to get

parentSprite.width

it only gives me parentSprite's width which is 0. Is there a built-in method for that purpose or some workaround?

[Batzi]

Try something like this

var totalWidth = 0;parentSprite.children.forEach(function(child){  totalWidth += child.width;})

[bymafmaf]

That would add every sprite's width, which is not what I want because some sprites are under another ones. So I need its bounds that create a rectangle.

 

There is a function called getLocalBounds which returns a rectangle but it doesn't show the true width, I don't know why.

[Batzi]

That would add every sprite's width, which is not what I want because some sprites are under another ones. So I need its bounds that create a rectangle.

 

There is a function called getLocalBounds which returns a rectangle but it doesn't show the true width, I don't know why.

Can you elaborate more on what you have and what you are actually trying to get?

 

You have a sprite that has children and those children have other children?

[Gyutang]

var minLeft = game.world.width;var maxRight = 0;parentSprite.children.forEach(function(child){  if(child.left < minLeft) minLeft=child.left;  if(child.right > maxRight) maxRight=child.right;});var parentWidth=maxRight-minLeft;

Something like this might work? Though this may cause a performance issue if you have a lot of child sprites.

 

The same logic can be applied for the height.

[bymafmaf]

That workaround should work but I think there should be feature for that. Because it's particularly important for touch events to know the rectangle that encapsulates it all.

[stupot]

Something like this would give the bounding width of a sprite's immediate children but no deeper than that, it includes visibility checking thus will exclude hidden children in the calculation

 

    PIXI.DisplayObjectContainer.prototype.getBounds.call(parentSprite).width

[drhayes]

Phaser's got a library function that'll do this: Phaser.Rectangle.aabb.