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

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. 

Use Auto-Keyframes in Saola Animate 3

Keyframes are the bread and butter in creating HTML5 animations. In the previous tutorials, you have learned how to add keyframes; adjust, move, copy, and remove keyframes. In this tutorial, let’s dive deep into how to use Auto-Keyframe – an automatic keyframing feature that allows you to generate keyframes in a flash.

Group Elements in Saola Animate 3

When working with elements, Saola Animate allows you to group multiple elements into one. Thanks to that, you can work with them as a single one.

Use the Timeline Pane in Saola Animate 3

The Timeline pane plays an integral role in the animation-creating process. It gives you the capability to view and control all timing aspects of a project.

Export Projects to HTML5 in Saola Animate 3

Apart from exporting projects to video formats, you can also export your project to HTML5 output that allows users to view and interact with World Wide Web content. This tutorial presents how to export projects to HTML5 in Saola Animate 3.

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License

$59