HTML5 Animation Guides and Tips

We write tutorials, guides and tips about HTML5 interactive animations.

Edit Freeforms in Saola Animate 3

Edit Freeforms in Saola Animate 3

In the previous tutorial, you have learned how to draw vector graphics using seven freeform tools in Saola Animate 3.0. As you can see, the drawings in that tutorial are not perfect. We need to make some further edits to make them complete and look as desired. In detail, we will learn how to work with anchor points, control points, and paths in this article. 

read more
Benefits Animation Brings to E-courses (With Examples)

Benefits Animation Brings to E-courses (With Examples)

Ease of access is one of the online training advantages. This method allows learners to study anytime and anywhere. However, this benefit also comes with a disadvantage. That is, it is easy to become distracted during an online learning session. How can course creators keep learners focused and maintain their motivation during an e-course? Fortunately, animation in eLearning can help resolve this issue.

read more
Use Flexible Layout in Saola Animate 3

Use Flexible Layout in Saola Animate 3

In the previous article, you got useful information about the basics of responsive layouts. Today’s post will give you a closer look at the Flexible layout. This layout uses relative units and different types of positioning to adapt the document content to the browser window size. Let’s learn how to use Flexible layout in Saola Animate 3 now!

read more

Customize Easing Animations in Saola Animate 3

Easing functions can bring a huge effect on the feel of transitions. In this tutorial, you’ll learn about easing functions in Saola Animate 3.

Customize Workspace and Keyboard Shortcuts in Saola Animate 3

Saola Animate offers a customizable workspace. You can show, hide, resize or reposition toolbars and panes as you want. Besides, you can also create custom keyboard shortcuts.

The A-Z Steps to Create A Mini Interactive Game with Saola Animate: Catching Birds

Let’s walk through steps from creating animations to adding interactivity in Saola Animate through making a mini interactive game – Catching Birds.

Adding Text and Creating Text Animation

Saola Animate allows you to create gorgeous text to make your design look attractive. You can also create amazing text animation to present your text.

Using Timeline Triggers to Loop Animation

Looping animation repeats itself as soon as it completes. In Saola Animate, you can easily loop animation using timeline triggers.

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License