CATALOGUE Code & Data Formation Animate CC Maîtriser Adobe Animate CC 2017 Comprendre les enjeux du design responsif pour les animations drag and drop

Comprendre les enjeux du design responsif pour les animations drag and drop

Explication de la problèmatique drag&drop en mode responsive
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Adobe Animate CC 2017
Revoir le teaser Je m'abonne
Transcription
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Problématique et solutions pour les animations drag and drop responsives

Objectifs

Les objectifs de cette vidéo sont:

  • Comprendre les enjeux du design responsif pour les animations.
  • Apprendre à utiliser des variables d'ajustement et des pourcentages.
  • Garantir une synchronisation précise entre le curseur et l'élément dragué.

Résumé

Apprenez à ajuster les animations drag and drop en mode responsive en utilisant des variables d'ajustement et des calculs de pourcentage.

Description

Dans cette leçon, nous explorons comment rendre une animation drag and drop compatible avec un design responsif. En partant d'un exemple pratique, nous analysons les différences de positionnement du curseur et des éléments dragués lorsque le canvas ajusté à la taille de la fenêtre du navigateur. Nous constatons que les positions en mode non-responsive et responsive diffèrent, créant des problèmes de synchronisation. Pour résoudre ce problème, nous expliquons la nécessité d'utiliser des variables d'ajustement et de calculer des pourcentages afin de repositionner correctement les éléments par rapport à la scène. Nous détaillons les étapes nécessaires pour implémenter ces ajustements et garantir une expérience utilisateur fluide et cohérente.

Voir plus

Questions - réponses

Quelle est la principale différence entre le mode standard et le mode responsif pour une animation drag and drop?
La principale différence est le référentiel de positionnement utilisé: en mode standard, les positions sont basées sur la taille fixe du canvas, tandis qu'en mode responsif, elles dépendent de la taille ajustée de la fenêtre du navigateur.
Pourquoi devons-nous utiliser des variables d'ajustement en mode responsif?
Nous devons utiliser des variables d'ajustement pour recalculer les positions des éléments dragués afin qu'elles soient alignées avec la position du curseur, qui varie en fonction de la taille responsive du canvas.
Quels sont les avantages de rendre une animation drag and drop responsive?
Les avantages incluent une meilleure expérience utilisateur sur différents appareils et tailles d'écran, ainsi que la capacité d'adapter l'interface aux dimensions dynamiques des fenêtres de navigateur.