Creating Animated Background

In the tutorial about creating Sprite Sheet animation, I used this video to illustrate the movement of the Saola by using Sprite Sheet feature.  It can be seen that the Saola is moving forward. However, in fact, I made the Saola image fixed at its position. Meanwhile,...

Choosing and Animating Color

Color has tremendous power in storytelling. So, choosing the perfect color for an element when creating HTML5 animation can help bring it to life and make truthful feeling. For example, to demonstrate the transfer from nighttime to daytime, I created an Ellipse Div...

Embedding System Fonts

In general, font plays an essential role in displaying the contents of a document containing text.  One of sets of fonts that Saola Animate makes it available to use is system fonts. Keep reading to find out why you should embed system fonts in Saola Animate, and how...

Working with Scenes

Think of scenes as slides in Microsoft PowerPoint. Scenes are helpful in separating content and controlling the flow of animations. So, we will walk through how to work with scenes in this today’s tutorial. This tutorial covers: Managing Scenes Customizing Scene...

Grouping Elements

Grouping multiple elements into a single one allows you to streamline your editing and speed up your work. We will walk through how to group elements and work with group in this tutorial. Grouping ElementsGrouping multiple elements lets you work faster and easier as...