Creuser dans le code - mannequins

Adobe Edge Animate CC rend la création d'animations possible pour de nombreux utilisateurs - de ceux qui considèrent le code comme un défi pour les développeurs expérimentés et les ingénieurs qui mangent du code pour le petit-déjeuner. D'une part, vous n'avez vraiment besoin d'aucune compétence de codage pour créer des animations professionnelles avec Edge Animate; d'un autre côté, Edge Animate fournit un code HTML5

• natif, qui est très propre - pas de code propriétaire ou inutile. Cela aide à rendre le code plus facile à lire et à comprendre pour tout le monde.

• Un panneau de code persistant, qui vous donne accès à l'édition manuelle du code.

• API JavaScript (interface de programmation d'application), qui permet d'apprendre les détails du code.

Les concepteurs sans compétences en codage peuvent se détendre en sachant qu'ils peuvent toujours créer des compositions sans connaître de code du tout. Pendant ce temps, les développeurs expérimentés peuvent saluer Adobe pour fournir l'accès à tout le code de fond.

Travailler en HTML natif

Pendant que vous travaillez dans Edge Animate, le logiciel crée en permanence du code dans les coulisses. Même si vous n'avez pas nécessairement besoin de HTML ou de JavaScript pour créer des animations, si vous avez des compétences de codage, alors vous pouvez célébrer - Edge Animate crée du code HTML très propre sans aucun bagage propriétaire.

Si vous voulez entrer dans le code, considérez le fichier HTML créé par Edge Animate comme le seul fichier que vous devrez peut-être ouvrir. Edge Animate crée plusieurs autres types de fichiers, y compris des fichiers JavaScript, mais ces fichiers sont denses avec du code. Si vous n'êtes pas un développeur, alors un bon conseil est d'éviter ces fichiers.

Si vous avez déjà créé plusieurs sites et que vous ne voulez pas créer votre animation à partir de zéro, vous avez de la chance: vous n'avez pas à recommencer depuis le début. Edge Animate vous permet d'importer des fichiers HTML existants, ce qui donne aux développeurs Web expérimentés une longueur d'avance avec Edge Animate.

HTML5 est la grande nouveauté du développement web ces jours-ci, tout comme CSS3. Si vous vous demandez ce qu'est le HTML5, la meilleure façon de le décrire est que c'est le futur du web. Ainsi, en utilisant Edge Animate, vous vous placez à la pointe des technologies Web. Et la meilleure partie est, vous n'avez pas besoin de savoir comment coder pour l'utiliser; Edge Animate crée le code pour vous.

Codage facile avec le panneau de code persistant

Vous pouvez utiliser Adobe Edge Animate CC sans connaître un seul bit de code. Cependant, si vous êtes un développeur qui aime coder manuellement, vous pouvez le faire avec la fenêtre de code.Vous avez deux options lorsque vous utilisez la fenêtre de code:

• Vous pouvez voir le code complet. Cette figure montre ce que vous voyez: tout le code dans le fichier d'actions de l'animation particulière sur laquelle vous travaillez. Cette vue est extrêmement utile. vous n'avez pas besoin de continuer à cliquer entre les extraits de code.

  Utilisez le mode Code complet pour afficher et modifier votre fichier d'actions. Vous pouvez activer ce mode en cliquant sur le bouton Code complet dans l'angle supérieur droit de l'éditeur de code.

  

• Vous pouvez voir le code d'une action spécifique. Lorsque la fenêtre de code est ouverte, vous voyez une liste d'actions sur le côté gauche. En cliquant sur l'une de ces actions, vous pouvez modifier le code pour cette action uniquement (voir la figure).

  

Pour ouvrir la fenêtre de code, dans le menu, choisissez Fenêtre, puis Code comme indiqué.

Vous pouvez utiliser un raccourci clavier pour ouvrir la fenêtre de code en appuyant sur Ctrl + E.

Extraire l'API JavaScript

Une API JavaScript Adobe Edge Animate CC est disponible pour les codeurs hardcore. Pour ceux qui ne savent rien de JavaScript ou qui écrivent du code, ne vous inquiétez pas; Il n'est pas nécessaire de masser le code pour créer des animations. Cependant, si vous aimez soulever le capot et fouiller dans le moteur, l'API JavaScript fournit une excellente ressource.

API signifie interface de programmation d'application et est un outil commun que les programmeurs utilisent pour écrire et déboguer du code. Bien sûr, si vous voulez vous informer sur comment coder, vous pouvez commencer à vous familiariser avec le fonctionnement des API. Gardez toutefois à l'esprit que les API ne fournissent généralement pas d'informations de niveau débutant. ils supposent que vous savez déjà comment coder.

L'API JavaScript d'Adobe Edge Animate CC vous donne beaucoup à explorer:

• Présentation d'Adobe Edge Animate CC: Cette section de l'API vous donne une introduction générale au programme.

• Triggers, événements et actions: Ces fonctionnalités de Edge Animate exécutent votre code pour vous (comme une boucle) ou lorsque votre public interagit avec différentes parties de l'animation (par exemple en cliquant sur un bouton).

• Outils et pointeurs pour créer des symboles (animations intégrées réutilisables): Les symboles Edge Animate, qui sont des comportements autonomes, des timelines et des graphiques, sont particulièrement utiles.

• API JavaScript: Il s'agit de l'interface JavaScript standard, un outil pratique en soi, en particulier lorsque vous aimez coder à la main des aspects spécifiques de vos projets d'animation.

• Sujets avancés: Après avoir pratiqué le codage, ces sujets offrent des pistes d'exploration (par exemple, créer plusieurs compositions dans une page).

Cette figure fournit un exemple de ce que vous pouvez trouver dans l'API.