Une animation ne devrait pas seulement defiler

Un fichier animation classique se comporte comme un clip enregistre: il demarre, il va au bout, et le public regarde. Interactivite a longtemps signifie exporter une video puis reconstruire le meme comportement en code de le autre cote de la remise, et ce est la que la fidelite se perd. Rive prend un autre chemin en faisant reagir le fichier lui meme. Un automate etats siege dans le objet et detient la logique de lecture: quelle branche prendre quand le curseur entre, ce qui arrive a une pression, comment la figure tourne quand un levier est pousse. Parce que la decision reste avec le dessin, le comportement livre est celui qui a ete dessine et non une approximation de developpeur.

Le effet pratique est que le mouvement devient une conversation au lieu de une decoration. Un bouton qui rebondit sous le curseur, une figure qui cligne au repos et reagit au contact, une illustration qui se reorganise quand le lecteur defile: chacun est un ensemble de etats avec transitions, compose visuellement et teste dans le editeur pendant que la logique se ajuste encore.

Un objet, tous les ecrans

Ce qui compte au dela de la demonstration, ce est le moteur de execution. Ce qui est exporte ne est pas une video mais un fichier compact que un petit moteur dessine a la resolution de ecran, donc la sortie reste nette a echelle et le objet est assez petit pour tenir dans un bouton. Des moteurs prets existent pour le web, pour les deux systemes mobiles et pour les principaux moteurs de jeu, donc un seul travail couvre toutes les cibles au lieu de etre refait par plateforme.

Le editeur apporte aussi le materiel professionnel des personnages: groupes de os, deformation du dessin par un maillage et courbes interpolees que on ajuste au lieu de les accepter. Parce que animation est vectorielle, un objet concu pour un petit bouton se reutilise sur toute la largeur de ecran sans etre redessine. Le niveau gratuit suffit pour apprendre le modele et livrer quelque chose de petit, tandis que la collaboration et le usage lourd sont vendus par abonnement quand une equipe en a besoin.

Une habitude venue du travail de jeu se transpose: mesurer le objet, pas le dessin. Un automate etats avec trop de transitions toujours actives coute des images meme quand rien de visible ne se passe, et le editeur montre assez de la chronologie pour le voir. Garder le nombre de entrees actives faible et laisser les etats de repos vraiment au repos rend animation assez legere pour en poser plusieurs sur un ecran sans alourdir la page.

Verifier le objet exporte dans une vraie page reste indispensable. Ce qui parait leger dans le editeur peut montrer un autre visage une fois superpose a autres elements. En poser un tot a sa place reelle et le toucher du doigt est le chemin le plus court pour ne pas paniquer plus tard.

Rive change animation de objet en interface: le mouvement ne decore plus un ecran, il devient une part de la facon dont le ecran repond a une personne. Une animation qui peut converser a une raison de exister.

Ou commencer sans perdre la premiere semaine

Commencer par une micro interaction et non par un personnage. Un bouton avec trois etats, repos, survol et pression, enseigne tout le modele, donc entrees, transitions et conditions, a une echelle ou les erreurs coutent peu. Ensuite seulement passer a une figure avec os, car le montage ajoute un ordre de complexite et ses pannes ressemblent a des problemes animation alors que ce sont des problemes etat.

Le detail de collaboration qui epargne le plus de temps est de fixer les noms etats avec la personne qui ecrit integration avant que le dessin soit fini. Le moteur ne se soucie pas du nom, mais un desaccord decouvert a integration coute une journee, et une liste ecrite coute dix minutes. Les illustrations interactives pour une page de accueil sont la scene evidente et meritent leur propre zone de essai plutot que de tomber dans une page en ligne comme experience.