Implement view bounds for RenderPixi

[mrspeaker]

To control the view port you need to have all sprites in a container, and the container can be moved. So I added a render.container that replaces render.stage where appropriate. I think this is pretty much the correct way to do things, and I need it for my current project - so feel free to close this off if it's not what you had in mind.

Also, for not drawing off-screen sprites in pixi you either need to manually add and remove the sprites - or you can set the visible flag. I've taken that approach:

body.render.sprite.visible = Bounds.overlaps(body.bounds, render.bounds);

This stops off-screen sprites being rendered, but it still goes through the grouping process in Render.body. I think that ok too though.

[liabru]

Looks good, but I found an issue with this when on the Views demo.

If you scroll the mouse wheel when using the canvas renderer, the view zooms in relative to the centre of the view port as expected.

With this pixi version, it seems to render off center and the mouse constraint doesn't seem to be in the right location either when dragging bodies.

I'll look into it but can't find an obvious reason so far, I'm guessing its to do with the transforms in pixi being different to canvas?

Also where does this reset the transforms?

[mrspeaker]

Hey - sorry, been AFI (away from internet!) for a week... I'll have a look at this this week and report back! I don't need mouse stuff for my project, so I had ignored it... but I'll need touch stuff anyway which should be about the same.

[liabru]

Hey @mrspeaker, did you get any further with this? If you're too busy I'll see if I can get it working myself

[liabru]

I figured out the scaling issue, see c1964e2 for my fix.
Thanks again for the contribution.