I’m looking to have a series of PNG images appear/disappear in sequence, based on the page’s scroll position. The end result will appear as a 3d model of a helmet, which rotates when the page is scrolled (HERE is a related example of an image sequence). I’ve currently implemented this by stitching all of the PNG images together horizontally, and moving that image in discrete steps from left -> right in order to create the same effect. However, I’m running into limitations on the size of the stitched image, and it seems like there should be a cleaner and more efficient way to implement this effect with each of the individual PNG images. I’ve looked into using other software such as Keyshot or Sketchfab, but those don’t seem to work (easily) with page scrolling. Thanks for any advice!
Here is my public share link: https://preview.webflow.com/preview/ryans-blank-site-fca7fd?utm_medium=preview_link&utm_source=dashboard&utm_content=ryans-blank-site-fca7fd&preview=88b6d4a3588e33df0ee2ad6dc5fd2d9f&mode=preview
(how to access public share link)