I've built the following animation in Hype, and it works really well on desktop, iPad, and most mobiles. I can't replicate the issue, but some users have reported it glitching out near the end, and the second scene restarting (the first scene is the "zooming in part").
Any ideas? I'm reluctant to share the source as I've built it for the company I work for. All PNGs compressed using TinyPNG, and broken into smaller files (no single file is over 1MB).
By glitch I assume you mean crashing the browser? I was able to reproduce a crash towards the end on my iPhone 12, and generally performance on mobile was not so great (which honestly surprised me given how fast this phone is!).
The easiest thing to try would be unchecking "Use WebKit graphics acceleration" in Hype's Document Inspector. This will change rendering modes and can often impact memory usage, preventing crashes. (Sometimes it can do the reverse or cause other performance problems - it really depends on the document!)
Other than that, I think I'd need to see a zip of the .hype document to better diagnose what might be the problem. Usually the culprit has to do with large image sizes (or scaling images to be large).
One issue. Think I am seeing is you seem to have a rogue click area mostly under the header area at the top which takes you to the skycityauckland website, on hitting the back button it would normally take me back to the last position but did once take me back to scene 1
Thanks, yes I think the rogue area was the main issue. I had the layer set to 0 opacity, but it was still visible/clickable. I was able to replicate this and have corrected it now.
Thanks, unticking the WebKit graphics didn't seem to help at all, but I'll keep this in mind in the future if I encounter similar problems. I think the main problem (asides from the rogue clickable area) was the numerous large images, but this was unavoidable unfortunately. Thanks for your help