Features

The A5 HTML5 Animator is a comprehensive software solution for the creation of modern web animations based on the new web standard HTML5. Create stunning and interactive content for your webpage.

Timeline

The timeline is the key component of the A5 HTML5 Animator. This is where you control the animation flow by using so called keyframes. Those define the starting and end points of every action of an object. You can add keyframes to scenes on the timeline. By doing so you can define dynamic actions, show and hide objects, initiate colour transitions and a lot more. Later, you can move the keyframes on the timeline to fine-tune your animation and give it the perfect final touch. You also can individually determine the easing (e.g. linear, ease-in, ease-out).

Recording mode

The user can either create animations manually, with the help of keyframes, or use the record button. When the recording mode is activated, you only need to drag your object across the stage, change its size, adjust the colour etc. All changes on the stage are recorded and all keyframes are generated automatically on the timeline.

Objects

You can easily add texts, images, videos, sounds and simple shapes to your animations by using the objects toolbar. Just drag-and-drop an object to the required position on the stage.

Afterwards you can modify its properties at your convenience and animate it using keyframes on the timeline. The A5 HTML5 Animator supports the grouping of objects and also illustrates different layers (z-index). 

Properties

The element tab of the properties lets you apply changes to the attributes of the selected element: size and position, border, colours and gradients, background images, shadow, reflection, scaling, rotation, opacity etc. You can realise the transformation of the objects in your animation with the help of the keyframes.This means you allow colour transitions, fade-ins and fade-outs, object expanding and shrinking etc.

Scenes and multi-timeline support

Complex animations can easily be divided into different scenes. Scene transitions can be animated and changes of scences can be activated by predetermined trigger-actions. Special actions (mous-over the object) can activate additional timelines, while the main timeline is running. This leads to more interactivity in the scene.

Live animations and effects

The A5 HTML5 Animator offers a set of ready-to-use live animations (e.g. different motion patterns), which you can apply to any object. You also can save your own animations and later apply them to other objects We also integrated some complex effects (e.g. moving background/foreground), which you also can embed in your own animations.

JavaScript Manager

The integrated JavaScript Manager offers the opportunity to write own functions. All objects can be approached and manipulated via their ID. Self-created functions can, for example, be activated by actions, such as "mouseclick" or the end of a scene.

Platform independent

All animations created with the A5 HTML Animator are displayed on all mobile devices, such as iPhone and iPad, the same way as on a PC or a Notebook. From now on place your emphasis on future technology!