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.
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).
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.
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).
The elementtab 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.
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!