Hype 2.0 for Mac and Hype Reflect for iOS: HTML5 Interactive design tools comes of age!

Hype 2.0 for Mac and Hype Reflect for iOS: HTML5 Interactive design tools come of age!

When Steve Jobs wrote Thoughts on Flash, and predicted a grim end to the then-reigning king of internet interactivity, I agreed with him. And I was working, in part, as a Flash animator at the time, doing dynamic web elements for corporate sites. It was a patch, something that fixed a gap in functionality, but something that, as the gap narrowed, needed to be replaced. Video, at least the DRM-free kind, was easy to see a Flash-free future for. The kind of stuff I was doing, however, the stuff that used timelines and transformations, was harder to see. Then came tools like Hype. And now, Hype 2.0 for Mac and its companion app, Hype Reflect for iOS.

Hype 2.0, like its predecessor, lets you create objects and then animate them, and create controls and then ascribe behaviors to them. You have a timeline. You have an inspector. You have a recorder. With them, you can work wonders. And unlike back when I was doing Flash, you don't need an animation background. If you can create a build in Keynote or PowerPoint, you can create a dynamic piece of web content in Hype 2.0.

Hype 2.0 for Mac and Hype Reflect for iOS: HTML5 Interactive design comes of age

New features there are aplenty, though Tumult, the developer behind Hype 2.0, calls out 10 specifically. First is Hype Reflect, which we'll get to last. Audio actions lets you add some sound to your interactive fury, using the Web Audio API and formats like MP3, OGG, and WAV, and triggers including user actions, scene actions, and timeline. Curved paths let you add a more realistic, organic motion to your objects. Web font support means you'll never be limited to Helvetica/Arial or Verdana again. Swipe and touch events make interfaces on modern phones and tablets equally interactive citizens. Better mobile support means viewport, scaling, touch events, Web.app, and more. Easier previewing, including Hype Reflect-enabled devices, with sticky memory for your last selection. Search engines can now be catered to with support for text at export. Ellipse and rounded rectangle shapes are now easy to create. And Spotlight, Full Screen, and Quick Look all now work just as you'd expect.

Back to Hype Reflect. It's a companion app that runs on iPhone, iPod touch, or iPad and lets you preview - and interact with - everything you're doing in Hype 2.0 right on your phone or tablet. You can see how your work renders, how the animations move, how the behaviors render, and use can use that immediacy of feedback to fine tune and optimize and otherwise make everything just perfect.

Bottom line, Tumult has made a great interactive design package even better. If you're looking to create HTML5 assets on the Mac, look no further. Hype 2.0 and Hype Reflect make it easier than ever.

Hype 2.0 can be purchased via the Mac App Store, or directly from the Tumult store. A 14-day demo is also available via the Tumult store. For a limited time, until September 10, Hype 2.0 is being offered at 50%. Hype Reflect is free on the iOS App Store.

Rene Ritchie

Editor-in-Chief of iMore, co-host of Iterate, Debug, ZEN and TECH, MacBreak Weekly. Cook, grappler, photon wrangler. Follow him on Twitter, App.net, Google+.

More Posts

 

16
loading...
32
loading...
68
loading...
0
loading...

← Previously

Star Trek Into Darkness beams down three weeks early on iTunes

Next up →

EA reveals, not surprisingly, the freemium future of FIFA Mobile

There are 7 comments. Add yours.

MiracleMan says:

The website says it's upgrade price until 9/10 is $30 not $15.

iansari1 says:

yep.. I went to the store with $14.99 in my pocket and came back empty handed.

j_benj says:

Thanks for the heads up, Rene! Buying this the minute I get home from work. $30 is a steal, IMO.

Cyber Connection says:

I just downloaded this version and am looking forward to tinkering with it. On first glance though it doesn't look like there is a way to export as an app. I would have though with the integration with the Hype Reflect mobile app that exporting as an app would have been added as well. Or at least some integration with PhoneGap. Maybe for the next update???

Jonathan Deutsch says:

Correct, there's no built-in way to generate an entire Xcode project/app from Tumult Hype. It is a good feature request though!
Luckily, this can be done manually since the output is just HTML. We made some tips here:
http://hype.desk.com/customer/portal/articles/608835

Cyber Connection says:

Thanks for the tips link Jonathan :)