Events for scrolling map

[Dan335]

I'm trying to set up mouse events to move an isometric map.  Everything I've tried breaks pixi.js' sprite events.

I have a container that holds the ground sprites and another for buildings.  It seems like I should put them on the ground container but then the building events don't work.

If I put a mousedown callback on both containers only the one for the ground fires even though it is rendering underneath the other container.

[Dan335]

I think I figure it out.  The world is divided up into areaContainers.  I turn their visibility off if they're not onscreen.

stage
  |-areaContainer
  |   |- groundContainer
  |   |- buildingContainer
  |
  |-areaContainer
  |   |- groundContainer
  |   |- buildingContainer
  |
  |-areaContainer
      |- groundContainer
      |- buildingContainer

needs to be

stage
  |- groundContainer
  |   |- areaContainer
  |   |- areaContainer
  |   |- areaContainer
  |
  |- buildingContainer
      |- areaContainer
      |- areaContainer
      |- areaContainer

 

[ivan.popelyshev]

Hello! Which version of PIXI are you using? 

Unfortunately, I cant pinpoint your problem using that information. Yes, there are many problems with Interaction, and to solve them one must have a demo that reproduces the bug.

Please create a demo with few containers and sprites, with simple textures, that shows it.

btw, that thing can help you with ordering elements for rendering: https://github.com/pixijs/pixi-display

[Dan335]

I'm using 3.0.11.  Changing the tree made it work.  Not sure if it's a bug?  The only bad thing is it's about twice as slow to render, not sure why.

[ivan.popelyshev]

@Dan335 sorry, still not enough data.