I have a large Hype document of a interactive training tool that allows users to zoom into various elements of a product and then tap on certain features to learn more about each one. In order to zoom into each element, I have a HOME scene and then using sprite sheets for the zoom animation, they can zoom into 7 difference scenes. Each sprite sheet is about 3-5MB with 30 frames each.
The problem I'm running into is a long delay on the zoom in action. So a user taps to zoom into an element, and they only see the last half (if any) of that 30 frame sprite sheet animation. I fixed this by using a .5s crossfade transition from the HOME scene to the next scene which I'm assuming allows the sprite sheet to load.
My big problem here is that this slight delay isn't a big problem on Chrome, Safari, Edge or iPhone, but on my iPad Pro, the delay from tap to zoom in is around 5 seconds, which is way too long for a user to wait.
I have all elements set to preload. I tried the hack of putting all the sprite sheets in the HOME scene, but off screen, to try to get them to preload. But that didn't help.
I'm totally OK with this project taking a longer time to load up front in order for the actual interactive to run smoothly.
Any suggestions on why it's running so much slower on iPad?
Thank you all in advance.