Avec l’avènement des terminaux mobiles et l’abandon de la technologie Flash par de nombreux navigateurs, le HTML5 est devenu une technologie incontournable pour la production des modules de formation. Malheureusement, les possibilités de réaliser des animations en HTML5 sont assez limitées et complexes à mettre en place.

ECMG de Talentsoft (anciennement E-doceo) intègre un outil d’animation mais si vous souhaitez avoir des personnages animés et de l’interactivité, ce n’est plus possible : pour avoir de l’animation, il faudra convertir votre ELAG en vidéo et vous perdrez l’interactivité ; si vous souhaitez garder l’interactivité, il vous faudra utiliser des png, vous perdrez alors une grande partie de l’animation que vous pouviez avoir dans les swf (comme le mouvement des lèvres, par exemple).

Dans cette vidéo, j’explique comment créer une mascotte animée et compatible en HTML5. Ce procédé ne fonctionnera malheureusement pas pour des saynètes car il serait alors trop complexe à mettre en place. Notez que je ne montrerai pas la création du design de la mascotte qui n’a pas d’intérêt vis-à-vis des outils Talentsoft. Pour animer votre propre mascotte, il faudra alors que vous créiez les éléments graphiques nécessaires.