Ajouter de l'interactivité dans Edge avec JavaScript et CSS

Pour ajouter de l'interactivité dans Edge, il est crucial d'utiliser la fenêtre d'action. Dans ce tutoriel, nous allons coder en JavaScript et en CSS pour apporter des comportements aux scénarios et aux objets graphiques placés dans votre scène. Nous allons tout d'abord sélectionner l'objet qui doit recevoir l'interactivité. Par exemple, en cliquant sur un bouton du menu, vous allez lancer l'animation correspondant à une rubrique spécifique dans la scène. Vous découvrirez comment structurer votre travail en utilisant des calques animés et des interpolations pour obtenir le résultat désiré.

Ensuite, nous aborderons comment désactiver les automatismes pour éviter des erreurs potentielles et comment rendre cliquables les éléments nécessaires, en utilisant un symbole menu dans notre exemple. Vous aurez la possibilité d'associer des actions à ces éléments via deux méthodes : une approche simplifiée pour les débutants et un mode de codage avancé pour les utilisateurs plus expérimentés. Enfin, malgré des modes de présentation différents, le code généré reste identique, facilitant ainsi la compréhension des différentes options d'affichage disponibles dans Edge.