I’ve been kicking the tires on Hype, a new IDE for the mac which provides timeline-style animation for HTML5.
So far, quite impressed! The user experience is elegant, and the output is clean, optimized, and has worked on every device we’ve tested it on.
The animation interface will be familiar to anyone who has animated in Flash, After Effects, or a 3d engine. You have a list of objects, from which you set in/out points, keyframes, and easing along a timeline.
It ships with a variety of pre-built effects and transitions, and is compatible with the following browsers:
- Safari 5+
- Mobile Safari for iOS 4.3.1+
- Chrome 9+
- Android 2.3+
- Firefox 3.5+
- IE 6+
- Opera 11.10+
I’ll be putting it through its paces in the coming weeks, and having developers dive into the code it outputs, and will share any further developments.
The immediate use case is for HTML5 OLA banner units, but it could be useful to create sprite animations for HTML5 games, putting together animation effects for websites, and a really cool feature is that it will export to Apple’s iBooks Author software to help include animations in your iBooks.
So far we like it better than Adobe’s Edge, the 800 lb. gorilla, but Edge just released version 5 today, so next will be to see how Edge is coming along with the new revision.