Animator 1.3 Sencha Docs

Reference: Introduction

The guides in the Animator Reference contain instructions about how to use every feature of Sencha Animator. It describes the purpose of each feature and, where applicable, lists associated attributes and values. It is divided into sections according to Animator interface elements

  • Properties Panel
  • Scene properties
  • Object properties. Subdivided by property area, for example, General, Dimensions, etc.
  • Keyframe properties. Subdivided by property area, for example, General, Dimensions, etc.
  • Menu bar
  • Visual tools. Subdivided by element, for example, Tools Panel, Object Tree, etc.

Animator features provide precise control over the CSS properties underlying the animations. For technical details about CSS3 Transforms and CSS, it’s recommended that you use the W3Schools CSS Reference, which is referenced throughout this guide. Information about CSS, CSS3, and CSS3 Transforms can be also be found in the following resources:

Before You Use This Guide

Without any previous animation building or HTML experience, you can make rapid progress using Animator. Some previous experience developing animations and working with CSS and CSS Transforms will be helpful in mastering the tool.

To make effective use of the Animator Reference, you should have a basic understanding of Sencha Animator. This can be gained by reading the introductory Animator guides, as follows:

Additionally, you should open Animator and try each control as it is described.