Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies
Archive by Date | Archive by Article Title
Export Hype to iBooks Author
In this Hype for iBooks tutorial, we will finish our Christmas animation page widget by creating a secondary timeline where we will animate a toy train to move across the scene and export our project as a widget for iBooks Author.
Timeline Actions in Hype iBook Widget
In the two previous Hype for iBooks Author tutorials, we have created our first animation for our iBooks HTML widget in Hype. Now we will coordinate the playback of the animation between the main and secondary timelines.
Multiple Timelines in Hype iBook Widget
In the previous Hype for iBooks Author tutorial, we setup and added the background image for our iBooks page animation HTML widget. We will continue by adding the elements that we will animate on the page.
iBook Author HTML Widget in Hype
In this tutorial, we will create an HTML animation widget that will play full screen in an iBook. Tumult has a reasonable priced HTML5 animation software for the Mac, called Hype and Hype Pro. So, we will be using Hype today.
The Record Feature in Hype
In the last tutorial, we began working on a simple animation and exploring how to use the Record feature to create our animation. We have the object to be animated, a rectangle, sized and positioned on the screen for the start of the animation. Now we will use the Record feature to finish.
Introduction to Animation with Hype Record
Hype has a very nice feature for the beginning animator, called the Record feature. To use this feature, just click the big red Record button. Thatís what we will do in this tutorial.
Start a New Hype Pro Document
The best way to learn about animating in Hype is to create a simple animation, such as moving a circle across the screen. Letís start our first Hype document and see what happens. You will soon realize that the tools in the Hype workspace control the CSS properties in our HTML5 based animation.
Hype Workspace Tools
In the past tutorial, we discussed the most common terms used in animation software. Now we will explore how these terms apply to the Hype workspace and tools.
Animation Software Terms
When using animation software, there are several common terms with which you need familiarity. Although there are slight differences in the use of these terms between software, the basic definition does not change.
Why Hype 3.5 and Pro
In the next few tutorials, we will take a close look at Tumult Hype Pro and take note of the features and tools for creating HTML5 interactive animation for all modern browsers and mobile devices.
Pages of Results:
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.