Leçons sur le travail dans Adobe Edge Animer cc. Danil Fimushkine. Leçons sur la création d'animations dans Adobe Edge

Pour les personnes qui souhaitent constamment s'améliorer, apprendre quelque chose et constamment apprendre quelque chose de nouveau, nous avons spécialement créé cette catégorie. Il contient un contenu exclusivement éducatif et utile que vous apprécierez certainement. Un grand nombre de vidéos peuvent peut-être rivaliser avec l'éducation que nous recevons à l'école, au collège ou à l'université. L’avantage principal des vidéos de formation est qu’elles tentent de fournir les informations les plus récentes et les plus pertinentes. Le monde qui nous entoure à l'ère de la technologie est en constante évolution et les publications éducatives imprimées n'ont tout simplement pas le temps de fournir les dernières informations.

Parmi les vidéos, vous trouverez également des vidéos éducatives pour les enfants d'âge préscolaire. Là, votre enfant apprendra les lettres, les chiffres, le comptage, la lecture, etc. D’accord, c’est une très bonne alternative aux dessins animés. Pour les élèves du primaire, vous pouvez également trouver des cours d’anglais et une aide à l’étude des matières scolaires. Pour les élèves plus âgés, des vidéos pédagogiques ont été créées qui vous aideront à préparer des tests, des examens, ou simplement à approfondir vos connaissances dans une matière particulière. Les connaissances acquises peuvent avoir un impact qualitatif sur leur potentiel mental et vous plaire avec d'excellentes notes.

Pour les jeunes déjà diplômés de l'école, qui étudient ou non à l'université, il existe de nombreuses vidéos éducatives fascinantes. Ils peuvent les aider à approfondir leurs connaissances du métier pour lequel ils étudient. Ou obtenez un métier, comme programmeur, concepteur de sites Web, optimiseur de référencement, etc. Ce métier n'est pas encore enseigné dans les universités, vous ne pouvez donc devenir un spécialiste dans ce domaine avancé et pertinent que par l'auto-éducation, que nous essayons de vous aider en collectant les vidéos les plus utiles.

Pour les adultes, ce sujet est également pertinent, car il arrive souvent qu'après avoir exercé un métier pendant des années, vous compreniez que ce n'est pas votre truc et que vous souhaitiez apprendre quelque chose de plus adapté à vous-même et en même temps rentable. Parmi cette catégorie de personnes, il existe également souvent des vidéos sur le type d'amélioration personnelle, d'économie de temps et d'argent, d'optimisation de leur vie, dans lesquelles elles trouvent des moyens de vivre une vie bien meilleure et plus heureuse. Même pour les adultes, le thème de la création et du développement de sa propre entreprise est très adapté.

Parmi les vidéos éducatives, il existe également des vidéos à caractère général qui conviennent à presque tous les âges ; vous pouvez y découvrir comment la vie a commencé, quelles théories de l'évolution existent, des faits historiques, etc. Ils élargissent parfaitement les horizons d’une personne, faisant de lui un interlocuteur intellectuel beaucoup plus érudit et agréable. De telles vidéos éducatives sont en effet utiles à tous, sans exception, car la connaissance, c'est le pouvoir. Nous vous souhaitons un visionnage agréable et utile !

De nos jours, il faut simplement être ce qu’on appelle « sur la vague ». Cela ne concerne pas seulement l’actualité, mais aussi le développement de son propre esprit. Si vous souhaitez vous développer, explorer le monde, être recherché dans la société et être intéressant, alors cette section est faite pour vous.

Mise à jour du 6 décembre 2015:
Le chef de produit pour Flash Runtime et Adobe AIR a déclaré qu'ils je n'ai pas de projets arrêter de travailler sur Flash Runtime et AIR et renommer un produit de création de contenu certainement pas pas lié au sort de Flash Player et l’écosystème associé.

Tout irait bien, à l'exception d'une nuance qui change grandement le sens : l'analphabétisme technique et le copier-coller général. Les publications se réimpriment les unes les autres, ajoutant de plus en plus de « faits » qui ne figurent pas dans l'original. En un mot, un téléphone endommagé.

L'article original http://blogs.adobe.com/conversations/2015/11/flash-html5-and-open-web-standards.html rapporte qu'Adobe renomme Flash Professional en Animate CC. De plus, ils signalent que les clients souhaitent des plates-formes davantage prises en charge, etc.

Et je n'ai pas été surpris que beaucoup de gens ne voient pas la différence entre Flash et Flash Professional. Divers gags ont commencé à apparaître sur les sites d'information, citant d'autres sources qui relient plus loin la chaîne. Et pas toujours l'original.

Aujourd'hui, le mot Flash est perçu comme un plugin pour les navigateurs. Techniquement, c'est Flash Player. Mais il existe un outil de création de contenu : Flash Professional. Si Microsoft renommait Word en TextMachine, les gens crieraient-ils que « Microsoft a arrêté de développer Word ? Même s’il est écrit noir sur blanc que la création de contenu sera prise en charge et que les données pourront être modifiées ?

À partir de mes propres exemples, je peux démontrer une image vivante. Les clients locaux me demandent ce que nous utiliserons pour créer une animation pour une présentation pour iOS. Je suis fier de dire cela dans Flash Professional. Et le client est dans la stupeur. Au bout d'un moment, il dit :

"Mais sur le hub, ils écrivent que le flash est mort et qu'il ne fonctionne pas sur la tablette"

Et puis je tombe dans la stupeur. L'analphabétisme technique des clients et des auteurs d'articles sur Flash éloigne les gens du résultat souhaité. Heureusement, le client a été convaincu et satisfait du résultat.

Revenons à l'article original. Ils rapportent que HTML5 a mûri et prend déjà en charge la plupart des fonctionnalités de Flash. Ci-dessous, nous voyons qu'Adobe lui-même considère Flash comme un moyen clé de fournir du contenu premium - des jeux Web et des vidéos premium. Mais rien ne dit qu'ils arrêtent le support de Flash.

D'ailleurs... Ils indiquent clairement qu'ils travaillent en partenariat avec Microsoft et Google pour améliorer la compatibilité et la sécurité de Flash Player. Et ils n’ont pas oublié d’ajouter qu’ils travaillent en étroite collaboration avec Facebook pour améliorer la fiabilité et la sécurité des jeux dans Flash Player. Alors, où y a-t-il un mot indiquant qu'ils abandonnent Flash ?

Si l’on parle du développement de Flash en général, oui, il s’est arrêté depuis longtemps. Seules des améliorations mineures (mais significatives) sont apportées et les bugs de sécurité sont corrigés. Mais est-ce vraiment si grave ? De mon point de vue, Flash a tout ce dont il a besoin. Bien sûr, j’en voudrais plus. Mais pourquoi ?

Pour en savoir plus, vous devriez opter pour le format de jeux Standalone. Et il y a Adobe AIR (si l'on considère Flash). La prise en charge d'Adobe AIR n'est pas obsolète. J'ai des informations sur les projets pour 2016. Mais le flash du navigateur va-t-il mourir ? Certainement. Mais certainement pas demain.

Et pour ceux qui aiment dire en clichés que Flash vide la batterie, montrez-moi comment Canvas la charge.

Il convient également de noter que le projet Adobe Edge Animate ne sera plus activement développé. Mais parce que Je suis proche du développement de Flash Professional - je vous assure qu'Edge Animate ne sera pas du tout développé (sauf en cas d'erreurs critiques). Cette décision a été prise en faveur d'Adobe Flash Professional (futur Animate CC).

Adobe Edge Animate - leçons sur la création d'animations pour un site Web

L’animation pour un site Web est depuis longtemps un moyen efficace et efficace de présenter les informations nécessaires. D'accord, il est bien plus agréable de regarder une belle composition en mouvement que de percevoir une image statique et immobile. Et le taux de clics est plus élevé, et pour la conception, cela peut être un avantage considérable, et les prix pour un tel travail peuvent être complètement différents. Les avantages de l’animation sont donc évidents. Il ne reste plus qu'à apprendre à réaliser cette animation.

Auparavant, le mot animation était fortement associé au concept de Flash. Un bon format qui offre un large éventail de possibilités, est assez pratique et facile à utiliser. Mais il se trouve que cette technologie n’est pas encore largement répandue sur les appareils modernes. Oui, de nombreux navigateurs le prennent en charge, mais les appareils Apple ne disposent pas du logiciel nécessaire pour afficher le flash. Eh bien, les gars n’ont pas divisé leurs sphères d’influence. Si tel est le cas, les webmasters doivent apprendre d’autres méthodes pour créer une animation. La notion d’adaptabilité est aujourd’hui un prérequis.

Ainsi, un nouveau langage de balisage est apparu, appelé HTML5, qui peut offrir aux développeurs des possibilités de créativité presque illimitées. Beaucoup le maîtrisent déjà, mais, comme d'habitude, pour un travail complet et efficace, vous avez besoin d'un programme qui mettrait en œuvre toutes ces capacités dans un format pratique. Voilà ce qu'est un programme.

Les capacités d'Adobe Edge sont assez larges. Ici, vous pouvez créer une bannière avec n'importe quel effet d'animation. Vous pouvez créer un magnifique économiseur d'écran pour la page principale, les boutons, les menus, pour une variété de ressources pour enfants et de jeux - le champ de créativité est le plus large. Alors, que vous le vouliez ou non, il est conseillé de maîtriser le programme. De plus, l'interface est assez simple, compréhensible, et sa maîtrise ne présente pas de difficultés particulières. Il y aurait un désir.

Pour ceux qui ne sont pas prêts à débourser immédiatement une jolie somme pour le programme Adobe Edge, vous pouvez essayer de travailler avec la version d'essai du programme, qui, bien sûr, peut être téléchargée sur le site Web d'Adobe. Pendant la période de test, vous pourrez décider si ce programme vous convient. Pour ceux qui ne disposent pas encore de fonds suffisants, vous pouvez facilement trouver une version partagée de ce programme. Nos artisans travaillent rapidement et vous pouvez toujours trouver la dernière version sur les mêmes torrents. Chacun détermine lui-même quoi faire.

Maîtriser Adobe Edge est, en principe, une procédure assez simple. Quiconque a travaillé avec Adobe Flash peut facilement le comprendre. Mais, dans tous les cas, des leçons simples et claires pour travailler avec ce programme ne feront pas de mal. Après une petite recherche, j'ai trouvé plusieurs leçons vidéo qui permettront à chacun de maîtriser ce programme dans les plus brefs délais. J’ai fait une sélection pour moi-même, mais comme d’habitude, si cela peut être utile à quelqu’un, j’en serai ravi.

Leçons sur la création d'animations dans Adobe Edge

Ce didacticiel explique comment créer un nouveau projet dans Adobe Edge Animate et l'enregistrer sur votre ordinateur. Quels fichiers le programme génère-t-il lors de la création d'un nouveau projet ?

Dans ce didacticiel, vous vous familiariserez avec l'espace de travail Edge Animate et vous familiariserez avec tous les panneaux et boutons nécessaires de l'interface.

Regarder une vidéo sur Adobe Edge Animate

Première partie d'un didacticiel sur la création de votre première animation dans Adobe Edge Animate. L'auteur de la leçon, Valery Medvedev, montre simplement, clairement et minutieusement toutes les actions nécessaires et la signification des boutons du panneau de commande.

Regarder une vidéo sur Adobe Edge Animate

Dans ce didacticiel, nous terminerons la création de notre première animation dans Adobe Edge Animate. Le résultat est un clip simple, qui permet néanmoins de se familiariser avec les premières techniques nécessaires à la création d'une animation.

Regarder une vidéo sur Adobe Edge Animate

Dans cette vidéo, nous apprenons à afficher les animations créées dans Edge Animate dans un navigateur Web. Un peu d'informations sur HTML5.

Regarder une vidéo sur Adobe Edge Animate

Un exemple intéressant d'animation lorsqu'une fusée décolle à une certaine contre-valeur.

Code prêt pour le déclencheur :

timerCount = 5 ; sym.$("counter_txt").html(timerCount); tCounter = setInterval(timer, 1000); fonction timer() ( timerCount -= 1; if (timerCount< 1) { sym.play("start"); clearInterval(tCounter); return; } sym.$("counter_txt").html(timerCount); }

timerCount = 5 ;

tCounter = setInterval(timer, 1000);

fonction minuterie()

timerCount -= 1 ;

si (timerCount< 1 )

sym. jouer("démarrer");

clearInterval(tCompteur);

retour ;

sym. $("compteur_txt"). html(timerCount);

Regarder une vidéo sur Adobe Edge Animate

Comment changer l'état d'un bouton au survol de la souris. Code requis pour mouseleave :

sym.getSymbol("goBtn").stop("normal");

Regarder une vidéo sur Adobe Edge Animate

Vous pouvez facilement insérer des vidéos YouTube dans notre animation. Nous verrons comment procéder dans la leçon. Code d'intégration requis :

varyoutube = $("
Regarder une vidéo sur Adobe Edge Animate

Comment faire en sorte que l'animation ne commence à jouer qu'une fois que l'utilisateur a fait défiler la page jusqu'à l'endroit souhaité. Faisons cela en utilisant un exemple de projet dans Adobe Muse. Mise en place de la position de départ pour le lancement.

Regarder une vidéo sur Adobe Edge Animate

Comment faire pivoter une image de 180 degrés autour d'un axe vertical lorsque vous survolez la souris.

Vous pouvez télécharger les fichiers et codes nécessaires.

Regarder une vidéo sur Adobe Edge Animate

Nous créons un effet intéressant lorsque, lorsque vous déplacez la souris sur la vidéo, chaque élément se déplace indépendamment.

Regarder une vidéo sur Adobe Edge Animate

Comment faire pivoter le logo souhaité autour de son axe. Malheureusement, le logo s'est avéré impossible à cliquer.

Regarder une vidéo sur Adobe Edge Animate

Comment ajouter du son lorsque vous appuyez sur un bouton.

Regarder une vidéo sur Adobe Edge Animate

Comme vous pouvez le constater, il n'y a rien de compliqué, tout est simple, compréhensible, pour ainsi dire, intuitif. Mais vous pouvez ajouter des éléments spectaculaires et colorés à vos sites internet, tout dépend uniquement de votre imagination. Et vous pouvez discuter avec les clients des options de paiement supplémentaire pour ces éléments modernes.

Bonne chance et réussite créative à tous !

Pour préparer les créations HTML à placer dans ADFOX, il est important de respecter les exigences d'insertion de code qui traite un clic sur une bannière et compte les événements dans la bannière.
Lors du développement de code HTML, vous pouvez utiliser les éditeurs pour lesquels ces instructions ont été écrites :
-Adobe Animer CC ;
- Google Web Concepteur ;
- Adobe Edge Animer CC.

Exigences pour le code HTML (pour les développeurs de code)

Préparez votre projet en répondant aux exigences suivantes :

1. Le nombre maximum de caractères autorisé dans le code HTML est de 65 000 ;
2. Il est préférable de placer JavaScript et CSS à l'intérieur du code HTML de la bannière ;
Si le code HTML résultant dépasse le nombre maximum de caractères autorisé, alors il est nécessaire de réduire le code en déplaçant JavaScript et CSS dans des fichiers séparés :
- enregistrez le code js et css dans des fichiers séparés avec l'extension .js ou .css ;
3. Un projet ne peut contenir qu'un seul fichier avec l'extension .html ;
4. Le nombre maximum autorisé de fichiers dans un projet est de 50 ;
5. Types de fichiers autorisés dans le projet : css, js, html, gif, png, jpg, jpeg, svg, json, flv, mp4, ogv, ogg, webm, avi, swf, otf, ttf, abf, acfm, gdr, etx , eot, fnt, fon, mf, ttc, woff ;
6. Taille maximale de chaque fichier (s'applique également aux fichiers contenus dans l'archive) :
- 300 Ko ;
- 1 Mo pour les fichiers vidéo.
7. Les noms de fichiers doivent contenir uniquement des chiffres ou des lettres de l'alphabet anglais et le caractère de soulignement. Il n'est pas permis d'utiliser des lettres russes, des espaces, des guillemets et des caractères spéciaux dans le nom du fichier ;
8. Vous ne pouvez pas utiliser de lettres russes dans les noms de variables et d'objets.
La seule exception est le texte sur la bannière.
9. Format du projet fini - fermeture éclair archive.

Adobe Animer CC

1. Préparation de l'éditeur.

Pour créer un nouveau projet dans AdobeAnimate CC, sélectionnez le projet "HTML5 Canvas".

Le code de ce modèle peut servir de base lors de la création de créations dans l'éditeur.

Pour appliquer un modèle à un projet, dans les paramètres de publication, sélectionnez "Paramètres de publication avancés -> Importer nouveau...".

Le modèle contient un script adfox_HTML5.js

3. Traitement des clics

Si votre création inclut une animation cyclique, utilisez uniquement les codes pour les boutons de la section.

3.1 Pour rendre toute la zone de la bannière cliquable et disposer d'un seul lien vers lequel accéder, ajoutez le code suivant dans la première image de l'animation :

Canvas.style.cursor = "pointeur"; canvas.addEventListener("click", function() ( window.callClick(); ));

3.2 Pour ajouter plusieurs boutons pour vous déplacer avec différents liens, ajoutez un bouton principal pour cliquer sur la bannière dans la couche d'animation supérieure, attribuez au bouton un nom d'instance et écrivez le code sur le bouton :

This.btnMain.addEventListener("click", function (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ); )) ;

Ajoutez d'autres boutons qui, une fois cliqués, transféreront l'utilisateur vers différentes pages du site annoncé.
Placez quelques boutons sur la couche supérieure au-dessus de certaines parties de l'animation, attribuez un nom d'instance aux boutons et écrivez le code pour chaque bouton :

This.btnLeft.addEventListener("click", function (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(n); ); ) );

Où n

3.3

This.btnText.addEventListener("mouseover", function() ( window.callEvent(n); ));

Où survol de la souris- événement javascript, n- numéro d'événement de 1 à 30 qui doit être déclenché.

Fonctionnalités de création d'animation en boucle

Pour implémenter une animation en boucle dans une création dans l'éditeur Animate CC :
- définir l'option "Loop Timeline" dans les paramètres de publication ;
- utiliser les codes des boutons de cette section, et les codes des boutons ordinaires des paragraphes 3.1 et 3.2 doivent être supprimés.

Code pour une création avec un seul bouton et une animation en boucle :

S'il y a plusieurs boutons, alors dans le code d'appel des événements ADFOX, ajoutez le code suivant :

If (typeof(this.stopCycle) == "undefined") ( this.btnMain.addEventListener("click", function (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); )); this.btnLeft.addEventListener("click", function (e) ( var t = e.nativeEvent; if (t.which == 1 || t. bouton = = 0) ( window.callClick(n); )); this.stopCycle = true;

Où n- numéro d'événement de 1 à 30 qui doit être déclenché.

Utiliser des boutons transparents

Des boutons transparents peuvent être utilisés, par exemple, si vous devez rendre cliquable toute la zone de la bannière ou seulement une partie. Pour eux, ainsi que pour les boutons classiques, un code pour appeler une transition ou un événement doit être ajouté.

Les boutons dans Animate sont des symboles contenant quatre images. Vous pouvez laisser les trois premiers vides et remplir uniquement le dernier "Hit" en y ajoutant du contenu (un élément graphique) via Insertion > Timeline > Keyframe.

Le contenu du cadre Hit est invisible et définit la zone du bouton qui répond à un clic. Vous pouvez ajouter du contenu (un élément graphique) à cette image via Insertion > Chronologie > Image clé. Si les autres images restent vides ou invisibles, le bouton de la scène apparaît en bleu transparent et a la forme du contenu contenu dans l'image Hit suivante. Lorsque vous publierez votre projet, la zone bleue transparente ne sera pas visible.

Caractéristique de la mise en œuvre d'une bannière extensible (caoutchouc)

Pour que la bannière s'étende sur toute la largeur du conteneur dans lequel elle sera située sur le site, effectuez les paramétrages : Sélectionnez Fichier > Paramètres de publication.
Dans l'onglet Basique, sélectionner Rendre Responsive > Largeur, Hauteur ou les deux.
Sélectionner Échelle pour remplir la zone visible pour afficher la sortie en mode plein écran.
La sélection de « Ajuster à la vue » mettra à l'échelle le contenu pour remplir tout l'espace d'écran disponible tout en conservant le même rapport hauteur/largeur. Ainsi, si la largeur maximale a déjà été atteinte, alors la zone située le long de la hauteur de l'écran peut rester vide et vice versa.

Si vous ne parvenez pas à obtenir le résultat souhaité à l'aide des paramètres du programme, utilisez des scripts.
Voici des exemples de codes :
Téléchargez le code pour la mise à l'échelle des proportions.
Téléchargez le code pour la mise à l'échelle sans rapport hauteur/largeur.
Téléchargez le code de positionnement des éléments, où an0..an4 est le nom d'instance des éléments.

Fonctionnalités de création d'une bannière avec clignotement automatique

Si vous souhaitez afficher une bannière à partir d'un état développé, alors lors de l'ajout d'une bannière dans l'interface, vous devez spécifier la valeur « oui » dans le paramètre « Développer automatiquement » ou « Développer à l'initialisation » et ajouter le code dans le Création HTML :

Window.global_exp_banner = this.exp_banner; window.global_main_banner = this.main_banner; window.global_exp_banner.visible = false; if (window.isBannerExpanded) ( window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible = false; ) else ( window.global_exp_banner. visible = false; window.global_exp_banner.btnCollapse.visible = false; window.global_main_banner.visible = true; window.global_main_banner.btnExpand.visible = true; ); window.global_exp_banner.btnCollapse.addEventListener("clic",effondrementBanner.bind(this)); window.onBannerExpand = function() ( window.callEvent(2); window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible = false ; ) window.onBannerCollapse = function() ( window.callEvent(3); window.global_exp_banner.visible = false; window.global_exp_banner.btnCollapse.visible = false; window.global_main_banner.visible = true; window.global_main_banner.btnExpand.visible = vrai)

5. Publication du projet.

Important! Lors de la prévisualisation d'un projet dans le navigateur via (Ctrl-Entrée | Cmd-Entrée) les valeurs aléatoires du formulaire sont ajoutées aux liens dans les noms de fichiers en HTML ?1468231208369 . Ces valeurs doivent être exclues du projet lors de son chargement dans ADFOX.
Pour ce faire, le projet final sous l'éditeur doit être publié via Fichier > Paramètres de publication > Publier (Maj-Ctrl-F12 | Maj-Cmd-F12).

Lors de la publication d'un projet, sélectionnez un modèle AdobeAnimate_Adfox_.html.

.fermeture éclair

Concepteur Web Google

Le code de cette bannière peut servir de base lors de la création de créations dans l'éditeur.

Le modèle contient un script adfox_HTML5.js et un ensemble de paramètres pour le bon fonctionnement des transitions et le comptage des événements :
%reference%, %user1%, %eventN%, où N est le numéro d'événement de 1 à 30.

2. Traitement des clics.

Tous les événements sont attribués à des éléments d'animation spécifiques via l'onglet Événements.

Le composant Zone interactive est utilisé pour invoquer des actions.
Ajoutez-le et sélectionnez un événement "Zone interactive" - "Toucher/Cliquer"(ou "Tap Area > Touch/Click" en version anglaise).

Dans l'onglet "Code personnalisé", précisez un appel à la fonction clic.

2.1

AppelClick();

2.2

AppelClick(n);

Où n

2.3 Si vous devez déclencher un événement à partir d'une animation sans transition, utilisez le code suivant :

AppelEvénement(n);

Où n- numéro de l'événement qui doit être appelé.

Pour que la bannière s'étende sur toute la largeur du conteneur dans lequel elle sera située sur le site, sur le panneau Propriétés Pour la position et les dimensions, spécifiez des pourcentages au lieu de pixels.

Utilisez également les options "Aligner sur le conteneur" Et "Disposition en caoutchouc" dans la barre d'outils supérieure.
Si vous activez Fluid Layout avant d'utiliser des outils d'alignement, lorsque vous redimensionnez le conteneur parent, tous les éléments seront alignés les uns sur les autres et sur les dimensions du conteneur.
Dans ce cas, vous pouvez utiliser simultanément à la fois les tailles relatives des éléments en pourcentage et les tailles absolues en pixels.

4. Publication du projet.

Lors de l'ajout d'une bannière à ADFOX, le gestionnaire aura besoin de connaître la correspondance des boutons et des numéros d'événements. Pour chaque événement, le manager écrira son propre lien vers lequel accéder, qui sera ensuite transmis dans le code de la bannière à l'aide d'une variable.

Après avoir publié le projet, archivez-le au format .fermeture éclair. Votre création est prête à être téléchargée sur la bannière ADFOX.

Adobe Edge Animer CC

Pour commencer, exécutez le fichier avec l'extension .un des archives.

2. Traitement des clics.

Tous les événements sont attribués à des éléments d'animation spécifiques via l'onglet "Code".

Pour naviguer dans l'élément sélectionné, vous devez sélectionner un événement cliquez et écrivez un appel à la fonction click.

Les boutons doivent se voir attribuer un nom d'instance, par exemple : btnMain, btnRight.

2.1 Si vous utilisez un seul bouton de saut :

AppelClick();

2.2 S'il y a plusieurs boutons de transition :

AppelClick(n);

Où n- numéro de l'événement qui doit être appelé.

2.3 Si vous devez déclencher un événement à partir d'une animation sans transition, utilisez le code suivant :

AppelEvénement(n);

Où n- numéro de l'événement qui doit être appelé.

Caractéristique de la mise en œuvre d'une bannière extensible (en caoutchouc).

Pour que la bannière s'étende sur toute la largeur du conteneur dans lequel elle sera située sur le site, lors de la préparation de la bannière dans l'éditeur dans le panneau Propriétés, vous devez spécifier des pourcentages au lieu de pixels pour la position et la taille.