Introduction
Si votre équipe livre des mouvements interactifs intégrés dans Rive, vous avez besoin d'un moyen fiable pour examiner le fichier d'exécution exporté avant qu'il n'atteigne le code de production. Cela signifie aller au-delà d’un simple aperçu visuel et vérifier le comportement des plans de travail, des animations, des machines à états et des entrées.
Le visualiseur d'animation Rive du ToolBuddy vous offre un espace de travail basé sur un navigateur pour cette tâche précise. Il ouvre les fichiers « .riv » exportés localement, exécute l'aperçu dans un travailleur d'exécution isolé et maintient la surface de révision concentrée sur le comportement d'exécution au lieu de modifier les fonctionnalités.
Ce guide décrit le flux de révision typique afin que vous puissiez passer du chargement de fichiers aux tests et au transfert de la machine à états sans configuration inutile.
Commencez par le fichier d'exécution `.riv` exporté
Commencez par le fichier d'exécution Rive exporté que votre équipe prévoit de expédier ou de valider. La visionneuse est conçue pour les sorties `.riv`, et non pour les fichiers de projet source `.rev` modifiables ou les sauvegardes internes.
Déposez le fichier `.riv` dans l'outil ou choisissez-le dans le sélecteur de fichiers. Le visualiseur valide d'abord la signature RIVE binary, puis démarre l'aperçu d'exécution dans un outil de travail de canevas isolé afin que la page principale reste réactive au démarrage.
- Utiliser un fichier d'exécution `.riv` exporté.
- Chargez-le par glisser-déposer ou via le sélecteur de fichiers.
- Attendez le démarrage de l'exécution et l'initialisation de l'aperçu.
Choisissez le plan de travail, l'animation ou la machine d'état que vous devez réviser.
Une fois le fichier chargé, utilisez les commandes du bas pour changer de plan de travail, d'animation ou de machine d'état actif. Ceci est utile lorsque la même exportation inclut plusieurs états d’interface utilisateur, variantes de caractères ou systèmes de mouvement.
Pour un examen purement chronologique, concentrez-vous sur une animation spécifique. Pour la validation de l'interaction, accédez à la machine d'état appropriée et gardez le panneau contextuel d'exécution visible afin que les réviseurs sachent exactement quelle sélection est active.
- Sélectionnez le plan de travail approprié pour la surface que vous examinez.
- Changez d'animation lorsque vous avez besoin de vérifications de synchronisation au niveau du clip.
- Modifiez les machines à états lorsque vous avez besoin d'un comportement et d'une validation d'entrée.
Utilisez les commandes de lecture, de vitesse et de mise en page pour vérifier la présentation
Les commandes de lecture vous aident à revoir le rythme des mouvements, les pauses et les transitions d'état répétées. Lorsque la sélection expose une chronologie d'animation, les commentaires de progression restent synchronisés avec le clip actif afin que vous puissiez inspecter le timing plus précisément.
Les paramètres de mise en page tels que l'ajustement, l'alignement, l'échelle, la vitesse et l'arrière-plan du canevas facilitent la simulation de l'emplacement de l'animation à l'intérieur d'un produit. Ces contrôles sont particulièrement utiles pour l’examen de l’interface utilisateur intégrée, les contrôles de placement réactifs et le contrôle qualité multi-appareils.
- Ajustez la vitesse pour ralentir ou accélérer la révision.
- Modifiez l'ajustement, l'alignement et l'échelle pour correspondre à la surface cible.
- Définissez un arrière-plan de canevas qui reflète le contexte réel de l'interface utilisateur.
Testez les entrées de la machine à états et inspectez le comportement d'exécution en direct
Les aperçus interactifs deviennent précieux lorsque vous pouvez manipuler les mêmes entrées que celles que recevra le runtime de production. Si la machine à états chargée expose des booléens, des nombres ou des déclencheurs, utilisez-les directement dans le panneau de configuration pour tester les transitions et les cas extrêmes.
Au fur et à mesure que vous interagissez, le spectateur peut faire apparaître les changements de la chronologie de l'état et les événements d'exécution. Cela permet de comprendre plus facilement si l’état actuel a changé comme prévu ou si une entrée a produit un chemin de transition surprenant.
- Basculez les booléens pour examiner les états conditionnels.
- Modifiez les nombres pour tester le comportement du seuil ou de la plage.
- Déclencheurs pour valider les transitions événementielles.
Utiliser le mode de transfert et l'enregistreur d'événements pour une sortie prête à être révisée
Lorsque vous souhaitez présenter proprement l'aperçu à un autre réviseur, activez le mode transfert. Cela permet de conserver le contexte d'exécution le plus utile visible tout en réduisant les contrôles à faible signal qui sont moins pertinents lors des sessions de feedback.
L'enregistreur d'événements constitue l'étape finale d'une révision structurée. Utilisez-le pour capturer ce qui s'est passé au cours de la session, puis exportez le résumé JSON local pour le suivi technique, les notes d'assurance qualité ou la documentation de révision de conception.