My game requires the ability to navigate around a map in a similar way to Google Maps. Thanks to this codepen, I have the dragging and zooming functionality all working.
I’m also using the RESIZE scale mode, because I want users with larger screens to be able to see more of the map.
The problem: After zooming in or out of the map with the mouse wheel, resizing the browser window causes the perceived position of the map image to change. In the codepen below, I’m logging camera.width, camera.scrollX, and camera.x during the resize event and nothing seems strange to me. What could be causing this effect?
(use the mouse wheel to zoom)
See the Pen Phaser - zoom/scroll test 1 by Wolf (@szaymanok) on CodePen.