3 ms·

> Haiku-created animation assets are stored in JavaScript objects so that it's easy to edit and store them as part of code Yes, that's the "core" of it! "Desi

> Haiku-created animation assets are stored in JavaScript objects so that it's easy to edit and store them as part of code Yes, that's the "core" of it! "Design-as-code" is how we've described this foundation, and it lets Haiku play nicely with dev tools like git & package managers (yarn/npm today, Gradle + CocoaPods planned for the future.) You couldn't hack on a Flash .swf or .fla file with your code editor, but Haiku was designed for hacking. And unlike Flash or most of its successors, Haiku's renderer is open-source and standards-based. "Closedness" was the death stroke for both Flash and Silverlight, and open source is table stakes for modern-day development. Re: footprint, Haiku Core currently weighs in at 51kb gzipped. A little heavier than React, for reference. That said, we've barely begun to optimize footprint. Much of the current file size comes from enumerated svg/css style properties as strings, which we're working to refactor to tighter wire format for runtime (similarly to what Lottie and FB Keyframes do.) Rough estimate: we should be able to cut that footprint in half or better.

pavlov 9y ago
Thanks for the reply. It looks cool, good luck! I've actually made a couple of apps in this space over the years. Radi [1] was an HTML5 canvas+video animation app with a Flash-style timeline released back in 2010, though long since defunct. Neonto Studio [2] is a design environment for native mobile apps. React Studio [3] is an offshoot from the Neonto Studio product for making web apps, it's free. My experience is that designers are not a great target market for this kind of product because their influence and competence is fundamentally limited. They just don't have the sway within a team or organization to push developers to make use of anything that looks like code coming from the design side. To make the sales pitch even more complicated, most designers are pretty happy with this state of affairs – they already have plenty of work and don't really want the extra responsibility and learning curve involved in making anything production-ready. There's a reason why Sketch is so popular among designers: it's because it does so little. It doesn't try to model anything or actually represent anything about what makes user interfaces tick, it's just a pared-down Illustrator. You seem to be working up from animations towards UI components in general. I hope that approach works out for you. [1] http://web.archive.org/web/20120509083927/http://radiapp.com/ http://web.archive.org/web/20120509083927/http://radiapp.com... [2] http://neonto.com/nativestudio http://neonto.com/nativestudio [3] https://reactstudio.com https://reactstudio.com

pavlov 9y ago

Thanks for the reply. It looks cool, good luck! I've actually made a couple of apps in this space over the years. Radi [1] was an HTML5 canvas+video animation app with a Flash-style timeline released back in 2010, though long since defunct. Neonto Studio [2] is a design environment for native mobile apps. React Studio [3] is an offshoot from the Neonto Studio product for making web apps, it's free. My experience is that designers are not a great target market for this kind of product because their influence and competence is fundamentally limited. They just don't have the sway within a team or organization to push developers to make use of anything that looks like code coming from the design side. To make the sales pitch even more complicated, most designers are pretty happy with this state of affairs – they already have plenty of work and don't really want the extra responsibility and learning curve involved in making anything production-ready. There's a reason why Sketch is so popular among designers: it's because it does so little. It doesn't try to model anything or actually represent anything about what makes user interfaces tick, it's just a pared-down Illustrator. You seem to be working up from animations towards UI components in general. I hope that approach works out for you. [1] http://web.archive.org/web/20120509083927/http://radiapp.com/ http://web.archive.org/web/20120509083927/http://radiapp.com... [2] http://neonto.com/nativestudio http://neonto.com/nativestudio [3] https://reactstudio.com https://reactstudio.com