Building HTML5 Animation with Responsive Layout

Saola Animate offers more than one approach to design for multiple screen sizes. Out of which, responsive layout is the best solution to the optimal viewing experience. Using responsive layout, you create multiple different layouts for a single document, thus letting...

Creating Sprite Sheet Animation

In this tutorial, we’ll talk about what sprite sheet animation is and how to create it in Saola Animate – a powerful yet simple HTML5 animation tool. This tutorial covers: What is Sprite Sheet? Creating Sprite Sheet Animation What is Sprite Sheet? A sprite...

Adding Images to HTML5 Animation

Images are essential to compelling HTML5 animation. Today’s tutorial shows the ways to add images to HTML5 animation in Saola Animate. This tutorial covers: Adding Images to HTML5 Animation Renaming Image Elements Removing Image Elements Resizing Image Elements...

Saola Animate: Element Basics

This tutorial presents an overview of elements in Saola Animate. Additionally, it shows you how to insert elements into projects to create HTML5 animation. This tutorial covers: Element Overview Inserting Elements Element Overview Elements are objects in scenes,...

Creating Animation Keyframes Easily with Saola Animate

As a keyframe-based animation tool, Saola Animate lets you create animation keyframes effortlessly. Keep reading to know how. This tutorial covers: Creating Animation Keyframes Adjusting Keyframe Values Creating Animation Keyframes Keyframes specify the value of a...

Responsive Layout Basics

Responsive layout lets animations restyle to fit the device orientation and size changes. In this tutorial, you’ll learn the basics of responsive layout in Saola Animate. This tutorial covers: Breakpoints and Layouts Base Layout The Viewport Properties and Animations...