Hype and Hype Pro
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.
Create a Hype Template for iBooks Author
In a previous Hype for iBooks Author tutorial, we built an image gallery with interactive buttons and animated transitions. The project turned out so well that I decided to create more. So in this tutorials we will convert the previous gallery widget project to a Hype template.
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.
Hype for iBooks Author - Gallery
In the previous tutorial, we built a simple gallery in Hype for use in iBooks Author. In this Hype for iBooks Author tutorial, we will add the interactivity and animation that makes Hype widgets great for iBA. We will add the On Mouse Click action to the Back and Next buttons.
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.
iBA Image Gallery for iBooks Author
In this Hype for iBooks Author tutorial, we will build an interactive image gallery. The example we are using is a gallery that I created for an iBooks Author project called Children’s Storybook Template User Guide.
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.
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.
Metrics Inspector in Hype Pro
In the last tutorial, we created our first Hype Pro document and examined the Element Inspector. In this tutorial, we will explore the Metrics Inspector and how to manipulate an element on the screen.
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.
Programming the Color Game in Hype
In the previous tutorial, we imported the images for a coloring game for iBooks Author that we are making in Hype Pro. Now we will add the interactive elements to the game.
Simple Color Game in Hype Pro
In this tutorial, we will build a simple coloring game for iBooks Author in Hype Pro, designed for the very young. As the interactivity for babies is basically touching the screen, my client wanted this game to omit the option to choose colors and just display a color when the screen is touched.
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.
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.
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.
Tumult Hype and Pro Intro
Hype and Hype Pro by Tumult are Mac OS X applications for creating keyframe-based HTML5 animations and interactive content which can be used on desktops, smartphones and iPads. Most of the time, one thinks of using Hype to create website interactivity.
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.
Top Ten Articles
Content copyright © 2018 by . All rights reserved.
This content was written by . If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.