I made this website for our YouTube channel with Hype and wanted to create a nice intro animation. This is the site: http://www.bendanproductions.com
And while Hype plays the animation very smoothly, pretty much every browser on a PC or Mac I open the site with, stutters heavily. This obviously doesn’t look nice.
I thought that this might have to do with the YouTube content loading in, therefor I already made two pages in Hype, one which only contains the intro animation in the timeline, and the other being the actual site with the YouTube video. After the first site is finished it fades to the second page - this all works beautiful.
But I still can’t figure out what makes the intro animation this slow. I animated the position, the opacity and the 3D rotation on all of the elements. Is this too much? All the header elements are small png files. Could that be a problem, or is the page still loading stuff in the background while the animation plays?
Do you guys have any idea what I could try to make this animation silky smooth?
Thanks in advance