Hey everyone, I’m looking to transition some of our simpler banner production from more experienced developers to our designers this year. The biggest hurdle I’m trying to overcome is getting around the extra size of including a js library. Our developers use externally hosted GSAP which doesn’t count against the size.
I’ve seen a few articles and post around including and linking externally to GSAP but it still involves writing JS. Hype would allow the designers to use a timeline based animation tool without having to learn to write HTML. Is it possible for Hype to leverage GSAP via the timeline?
Specifically in this thread I am saying that the same file size advantage of using a CDN for GSAP applies to using a CDN for Hype’s runtime.
“activate animation with code” is a bit ambiguous on what you are trying to do as there are many ways to animate with code. Hype provides an API that allows manipulating timelines, and also has a setElementProperty API that can allow for transitions. You can always do CSS transitions or animations, or use the web animation API. If you want to use GSAP animations, then you must include GSAP. Of course, if you’re doing all your animations in code, it does defeat a major reason for using Hype .
It depends on your code, but generally the way Hype captures animations into video isn’t going to be easy to use code, as the “clock” for capturing frames is different than the real world clock. This is not related to using a CDN or not.
A CDN is simply an alternate URL to deliver the Hype runtime, and has no bearing on the smoothness of animations. For most cases, animating with Hype should result in animations that are 60fps, which is the general limit for web animations anyways. You’re welcome to always send examples of poorly performing animations and we may be able to provide advice.