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
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.
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.
Snow Flurry Emitter in Apple Motion
One of the great features in Apple Motion is the Particle Emitters, which has fully customizable parameters to achieve just about any effect. Let's use a Particle Emitter to add snow to our Winter Berries clip. Because the scene is a closeup of the berries, we need large and fluffy snowflakes.
Background Clips in Apple Motion Project
After creating a mockup in Motion for the basic scenes of our Winter Wonderland template, we can start to build the three animated background clips for the template. Remember that our mockup had four scenes, with a different background image for each scene 1 through 3.
Pages of Results:
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.