undefined | Better HN

0 pointsrchaud4y ago0 comments

I think the ability to create and animate objects in a 3D space would really set this app apart. I say this as a frequent user of Hype. It's a great app, but limited to 2D animation as what it creates is entirely in CSS3, SVG and JS.

The examples on the website are nice, however from what I saw, they can be done in Hype as well. As you mentioned, Hype is more mature and has a sizable community, many of whom contribute towards extending its functionality by creating custom modules in JS for things like dynamic data imported w/ JSON.

For 3D animation I've also used Spline, which is in beta. It's interesting, but on my 2014 MBP, it runs slowly and the fans are constantly on, which makes it less appealing for my use.

0 comments

2 comments · 1 top-level

thomasikzelf4y ago· 1 in thread

Thank you for your message :-). Can you tell me in which ways you think Hype is more mature?

My app does not currently allow importing JSON, that is something on the roadmap. It does however allow you to send values to your project dynamically if you embed it on a web page. This way you can drive it with javascript.

If you would want to recreate the example from my website in Hype would you need to know code or do you use some kind of plugin?

rchaudOP4y ago

IMO Hype is similar to Flash and After Effects in that it has a timeline-based GUI that's easy to grasp. So for the generation of Flash developers who were left in the lurch after 2012, it was a great option. It also has a code editor view that allows you to write custom JS for functions that aren't related to animation (e.g. a countdown timer).

It's a pretty niche tool these days as animation on the web is unfortunately rare, and game design has shifted to Unity. Those were Flash's biggest use cases.

From what I've seen, animators today create them in Adobe After Effects, then pass that through a library called Lottie[0] which exports to JSON, and can then be implemented in HTML. That might be the market you could try targeting.

[0] https://airbnb.io/lottie/#/

j / k navigate · click thread line to collapse