Skip Flash, Build Animations in HTML5 With Hype

 By 
Jennifer Van Grove
 on 
Skip Flash, Build Animations in HTML5 With Hype
Mashable Image
Credit:

Hype, which sells for $29.99, uses WebKit to render pages and has been crafted so that anyone comfortable with using Keynote or PowerPoint can start building animations in HTML5, no code required.

"It's pretty clear that HTML5 is the future of the web," says Deutsch. "It will, of course, run not only on desktop machines but also runs really well on any modern smartphone or tablet like the iPad. The problem is that there are no good designer apps for creating animated HTML5 like there are for Flash."

Hype presents the user with a blank canvas with a timeline at the bottom. The user can then drag in images, video and text, arrange those elements and use keyframe-based animations to define where those pieces of content go.

Mashable Image
Credit:

"This is a very designer-friendly process," Deutsch explains. "We we even made an intuitive recording interface, so you don't have laboriously layout each individual keyframe. You can just hit record, move your objects and go. It's really easy to make some powerful, beautiful animations."

The animations, at least based on these samples, are impressive and present web designers with a viable Flash alternative for carrying their creative work over onto mobile devices. The tool is also intended to be developer-friendly and allows the user to edit raw HTML or Javascript.

As a bonus, Deutsch and Nielsen have built Dropbox integration into Hype, meaning users can publish their animations to Dropbox, as opposed to an FTP site, to solicit feedback from co-workers or clients.

Hype is targeting three primary markets: designers looking to add animations to their websites, Flash developers who need to deploy their content on the iPhone or iPad, and existing users of HTML5.

"There's a huge wide opportunity with HTML5," says Nielsen. "We can be the tool that everyone turns to to produce awesome and animated interactive content using the latest standards."

Both Deutsch and Nielsen speak of a desire to push the HTML5 standard forward and will continue to iterate on the Hype product with more interactive and animation features. The pair is looking at how to weave WebGL, a technology for creating 3D content on the web, into the Hype experience.

The biggest stories of the day delivered to your inbox.
These newsletters may contain advertising, deals, or affiliate links. By clicking Subscribe, you confirm you are 16+ and agree to our Terms of Use and Privacy Policy.
Thanks for signing up. See you at your inbox!