arenaninja

I'm looking for how to create a UI experience similar to Google Maps/Miro/Figma, etc. where you have a display size that's separate from the contents of the canvas and you can provide (native?) zoom/pan for the contents without zooming on other elements on the page.

It seems to work by using canvas under the hood and it seems to involve WebGL too. I'm not well versed in either and I'm looking for something, preferably project-based to get me a good nudge in this direction.

My use case is simpler than these products. I have a set of images (PNGs) I want to show a user one after another while they can zoom/pan to any image but want to use native zoom/pan without zooming into other elements on the page.

Any resources, courses, projects, libraries, github/gist/stackoverflow/HN links, etc. are much appreciated!