CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Animation des Propriétés d'un Objet avec Edge et JavaScript

Retour à la formation
Chapitre 38 Leçon 4
Précédent
Suivant

Cette leçon vous guide à travers le processus d'animation des propriétés d'un objet dans l'interface de Edge, en utilisant des classes JavaScript minimisées.

Détails de la leçon

Description de la leçon

Dans cette leçon, vous apprendrez comment animer les propriétés d'un objet en utilisant Edge et des classes JavaScript minimisées. Vous commencerez par importer le dossier de librairies nécessaires dans votre répertoire d'animation. Ensuite, vous verrez comment intégrer ces classes dans votre document HTML via Dreamweaver. Les classes Twinmax et Ispac seront utilisées pour appliquer des animations et des effets d'amortissement respectivement. Vous découvrirez également comment configurer et manipuler les propriétés d'animation telles que la position (x, y, left, top), la durée, le délai, l'opacité, ainsi que les propriétés 3D comme la rotation et la mise à l'échelle. À la fin de cette leçon, vous serez capable de créer des animations sophistiquées et attrayantes pour vos projets.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Maîtriser l'importation et l'utilisation de classes JavaScript minimisées pour l'animation.
  • Comprendre comment intégrer des classes JavaScript dans un document HTML via des éditeurs de code.
  • Apprendre à configurer et manipuler diverses propriétés d'animation pour créer des effets avancés.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir :

  • Des connaissances de base en HTML et JavaScript.
  • Une compréhension générale de l'interface et des fonctionnalités de Edge.
  • Une familiarité avec des éditeurs de code, comme Dreamweaver.

Métiers concernés

Les professionnels et métiers concernés par ce sujet comprennent :

  • Les développeurs front-end travaillant sur des sites web interactifs.
  • Les designers UX/UI souhaitant ajouter des animations à leurs interfaces.
  • Les animateurs numériques créant des éléments graphiques interactifs.

Alternatives et ressources

Les solutions alternatives comprennent :

  • L'utilisation de CSS pour les animations de base.
  • L'emploi de bibliothèques JavaScript telles que Anime.js ou GSAP à la place de Twinmax et Ispac.

Questions & Réponses

La classe Twinmax est utilisée pour créer des animations en manipulant les propriétés des objets, comme leur position, rotation, échelle et opacité.
Les classes JavaScript minimisées sont intégrées dans un document HTML en ajoutant des références aux fichiers de classes dans le code HTML à l'aide des balises appropriées.
La méthode From commence l'animation à partir des valeurs spécifiées vers la position actuelle de l'objet, tandis que la méthode To anime l'objet à partir de sa position actuelle vers les valeurs spécifiées.