A5 HTML5 Animator: créer des animations pour vos sites web

Le HTML5 couplé au CSS3 permet de réaliser des sites dynamiques sans utiliser Flash mais requiert des connaissances de développeur. A5 HTML5 Animator se propose donc de vous aider à créer vos animations sans écrire une ligne de code.

Comment ça marche?

Il s’agit d’un logiciel disponible en anglais et uniquement sur PC. L’interface est assez similaire à celle de Flash et ne dépaysera donc pas les habitués. On retrouve divers boutons de fonctions au dessus, les objets à animer (image ou texte) sur des calques à gauche ( comme sur Photoshop) et une « timeline » en bas pour régler les débuts/fins/durées/transitions des animations de chaque objet.

Que propose-t-il?

Divers effets sont proposés tels que les déplacements d’objets par la définition de trajectoires, les évolutions d’objets au cours de leur déplacement (changement de taille, rotation), les apparitions (fade in, fade out). Tout cela est géré à partir de la « timeline » en bas sur l’interface en définissant des « keyframes » correspondant à des moments clés de l’animation.

Il est possible de sauvegarder une série d’animations dans la bibliothèque(« Library » sur la droite) et de la ré-appliquer à un objet d’un autre projet, ou encore de passer en mode « Record » et de générer les keyframes de la timeline de façon automatique.

L’animation peut être visualisée à tout moment à partir du bouton « play » juste au dessus de la timeline ou directement dans un navigateur en sélectionnant « Preview » dans la barre de menus. Toutes les fonctionnalités sont consultables sur la fiche produit.

Une fois votre animation réalisée, le bouton « HTML5 export » permet de generer le page html à intégrer à votre page avec un dossier comprenant les fichiers CSS et JS. On obtient ceci:

Ou le télécharger?

L’A5 HTML5 Animator est disponible depuis le 05 Novembre 2012 sur le site todate.fr de l’éditeur DATA BECKER. Vous y trouverez une version d’évaluation et ainsi que divers tutoriels vidéos.

Ayant eu la chance de participer à la période de Beta Test de l’A5 HTML5 Animator, j’ai la possibilité de vous obtenir des bons de réduction, voire vous faire gagner des licences via un jeu-concours.

Dites-moi ce qui vous intéresserait le plus entre les deux choix en laissant des commentaires ici ou via les réseaux (Twitter ou Google+).