CATALOGUE Code & Data Formation Animate CC Ateliers créatifs Adobe Animate CC Gestion des Conditions et des Événements avec Create.js

Gestion des Conditions et des Événements avec Create.js

Code : ajout d'une action avec condition

Vidéo non disponible ! Réessayez plus tard

2h 16min

40 leçons

Transcription

39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

2h 16min

40 leçons

39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Instruction If et Gestionnaire d'Événements

Objectifs

Les objectifs de cette vidéo sont de comprendre l'utilisation des conditions et des gestionnaires d'événements en programmation, et de maîtriser les spécificités de Create.js pour une gestion efficace des états.

Résumé

Apprenez à utiliser les conditions pour gérer les événements dans Create.js grâce à une programmation efficace.

Description

Dans cette leçon, nous explorons l'utilisation des conditions pour contrôler les événements dans Create.js. Vous apprendrez comment utiliser l'instruction if pour vérifier l'état d'une variable et exécuter des actions en conséquence. En particulier, nous nous concentrons sur la gestion d'un gestionnaire d'événements commun pour toggler entre deux états : on et off.

Nous aborderons également une approche pratique pour cibler un scénario depuis l'intérieur d'une fonction. Cette technique est essentielle pour éviter les problèmes courants rencontrés avec Create.js, comparé à ActionScript, où la gestion des scénarios est plus intuitive.

En ajoutant et modifiant des étiquettes et en ajustant les valeurs des variables dynamiquement, vous serez en mesure de créer une fonction réutilisable et efficace. Enfin, nous couvrons les pièges à éviter, tels que la duplication des gestionnaires d'événements, et comment assurer une programmation propre et fonctionnelle.

Questions - réponses

Pourquoi utilise-t-on des conditions dans un gestionnaire d'événements ?

Les conditions permettent d'exécuter différentes actions en fonction de l'état d'une variable, ce qui rend le code plus flexible et modulable.

Quelle est la différence entre un égal simple et un double égal en programmation ?

Un égal simple (=) est utilisé pour assigner une valeur à une variable, tandis que le double égal (==) est utilisé pour comparer la valeur de deux variables.

Comment éviter la duplication des gestionnaires d'événements dans Create.js ?

Pour éviter la duplication, assurez-vous que l'étiquette liée à l'événement ne réinitialise pas le gestionnaire d'événements à chaque boucle, ou placez le gestionnaire en dehors des cycles redondants.

Programme détaillé

Accueil de la formation

Module 1 - Création de bouton simple et avancée avec Animate CC

Organisation du projet et présentation d'un bouton simple (4 états) 05:33

Fonctionnement d'un symbole bouton avec etat rollOver animé 02:41

Conception du symbole bouton pas à pas 01:51

Conception du symbole bouton avec état rollOver animé pas à pas 02:53

Module 2 - Création d'un symbole movieClip

Création d'un symbole movieClip (avec animations de survol et de sortie de survol) 03:14

Code : ajout d'un comportement bouton au movieClip 04:19

Code : ajout de gestionnaires d'évènements pour cibler les animations internes du MC 04:53

Module 3 - Création d'un symbole movieClip à deux états type switch

Présentation de l'exercice 01:10

Code : création de variables de référence 01:48

Création d'une zone cliquable 01:40

Code : ajout d'un gestionnaire d'évènements à la zone cliquable 01:27

Code : ajout d'une action avec condition 07:15

Module 4 - Comment coder un comportement bouton sur un movieClip

Code : ajout d'un comportement bouton de base au movieClip 02:00

Code : ajout des gestionnaires d'évènements survol et sortie de survol 04:46

Code : ajout des fonctions Tween d'animation pour animer les états du bouton 05:48

Module 5 - Création d'une animation complexe avec trajectoire

Présentation de l'exercice et création du document 00:38

Configuration et organisation du scénario, création des calques 03:24

Animation d'un objet sur une trajectoire 03:58

Animation de texte 01:16

Animation de masque sur un tracé de trajectoire 06:02

Module 6 - Création d'une animation complexe

Présentation de l'exercice et choix du mode de publication 00:55

Création du document et importation des médias ; paramétrage de la scène et du scénario 02:45

Animation de l'escargot sur le scénario principal 03:19

Animation interne du movieClip : étirement du corps 04:39

Animation interne du movieClip : mouvement d'un objet sur Animate CC - Elephorm 05:46

Ajout d'une ombre portée 01:39

Ajout de code sur l'escargot pour stopper et lancer les mouvements internes 03:37

Animation de la coccinelle sur le scénario principal 02:27

Animation interne des pattes de la coccinnelle 04:10

Coccinelle : Synchronisation décalée du mouvement des pattes 04:32

Coccinnelle : Ajout de code pour stopper et lancer les mouvements internes 02:21

Récupération du movieClip animé dans le fla exemple pour le scarabée 02:12

Animation du déplacement du scarabé sur le scénario principal 01:09

Récupération du movieClip animé dans le fla exemple 01:12

Détail et explications des animations interne des pattes 02:08

Animation des sauts sur le scénario principal 04:51

Ajout de code pour lancer les mouvement internes de propulsion des pattes 04:53

Animation du symbole de la libellule 05:36

Animation de la trajectoire de la libellule 08:06

Réglage des vitesses des insectes 03:46