When dragging, the world protrudes from the area. Also, if you resize the viewport after zooming, the objects on the screen will disappear.

Hi, I am Japanese and can hardly speak English. I think it is childish, but please understand. I’m sorry.

I am very interested in PixiJS v5 (WebGL) and am studying. However, I realized that my ideal would require so many implementations that I was stuck. And I met this wonderful library.

〇Ideal implementation

• There are square elements that are resized depending on the window size. Fit the Pixi in it.
• Unlike the displayed element, the actual size is about 8000px * 8000px. (This is assumed to be implemented with screenWidth and worldWidth.)
• Implement zoom in and zoom out. However, it does not zoom out larger than the world size. (That is, you cannot zoom out larger than scale 1.)
• Also, when zooming in and dragging, it will not be out of the world. (It is assumed that this can be implemented with a clamp.)

I’m a beginner, so I don’t know how to use viewport correctly.

I implemented it very hard with reference to past issues etc. However, it does not work as expected.

• https://github.com/davidfig/pixi-viewport/issues/56

〇Simple deliverable https://jsfiddle.net/takeshi1234/kt5a1qdv/

Thank you.

[davidfig]

It’s here: https://github.com/davidfig/pixi-viewport/blob/f5a0db698af9c35a9e3789d5d3440641c6e072dd/src/input-manager.js#L45

passive needs to be false. the whole passive thing is confusing. i wish they used a different term for it.

[KagiJPN]

I tried but it didn’t work.

However, there is no problem because the code I commented can make the expected behavior.

This library is really great.

Also, thank you very much for your kind support.

Thank you.