Director^TM Module découverte - (Partie II - Prise en main de l’interface)

Introduction l'interface

Philosophie de Director^TM :

Director^TM fonctionne comme une grande métaphore avec le cinéma, nous y trouvons une scène, une distribution, un scénario, des acteurs, etc... La distribution stocke l'ensemble des éléments nécessaires à notre animation (bitmaps, vecteur, audio, vidéo, scripts, etc...) et au travers de la grille de scénarion on les anime sur la scène. Pour compléter les manques que n'apporterait pas le scénario, Director^TM possède son propre lanage de programmation le Lingo, et depuis la version MX2004 le JavaScript. Nous allons voir plus en détail le rôle et le fonctionnement de ces divers éléments, ainsi que ceux des principales fenêtres et boites de dialogues les plus souvent utilisées.

L’interface principale :

Afin de coller au plus près entre les plates-formes Mac et PC, une présentation en style de palette flottante sera utilisée. Les fenêtres ou palettes présentées le sont par ordre et fréquence d’utilisation. Cette interface est constituée tout en haut du menu et d’une barre d’outils (Cmd/Ctrl - Maj - Alt - B) contenant des icônes raccourcis vers les principales fonctions et fenêtres.

Les fonctions de chacun des boutons sont répartis par groupe,

Les diverses fenêtres :

Du fait que cette première approche de prise en main est écrite pour un Director^TM Intégration, les fenêtres concernant le développement (script, message, surveillance, débugage, inspecteur de mémoire...) ne seront pas présentées et prise en compte au travers ce tutotial. (voir feuillet Prise en main - part II).

Les fenêtres présentent parfois deux alternatives d’affichage (sous forme de liste ou de vignettes), elles seront alors présentées sous ces deux aspects dans ce tutorial. Les indications de chaque icônes ou boutons ne seront pas systèmatiquement détaillés. Seuls les principaux ou ceux préentant une particularité ont retenus notre attention, nous vous invitons à découvrir les autres au travers de l’aide en ligne, le support de l’application, et le site de l’éditeur (http://www.macromedia.com/support/Director^TM).

La fenêtre de distribution (Cmd/Ctrl - 3) :

Fenêtre de distribution de la version MX 2004

En promenant le curseur sur l'animation ci contre vous allez pouvoir visualiser les diverses fonctionnalités de cette palette. Les fonctionalités propre à la fenêtre sont vu au cours d'une autre animation.

L'intérête de cette palette de distribution, réside dans son mode à multi onglets, sa présentation sous forme de liste ou de vignette, et le glissé déposé de un ou plusieurs acteurs depuis la poignée de saisie (A gauche du nom d'acteur). Grace à cette touche vous pouvez déplacer la sélection d'acteur à l'interieur d'une distribution ou vers une autre distribution.

Cela n'est pas visualisable dans cette animation mais pour sélectionner plusieur acteur, maintenez la touche shift pour sélectionner une liste consécutive, touche ctrl (PC) ou command (Mac) pour une liste éparse.

N'oubliez pas non plus le click droit sur la palette pour obtenir le menu contextuel et notamment la fenêtre des préférences.

La fenêtre de scénario (Cmd/Ctrl - 4) :

L’inspecteur de propriétés (Cmd/Ctrl - Alt - S) :

Cette fenêtre présente l’avantage de s’adapter à l’objet ou la fenêtre selectionnée et de proposer ainsi les divers onglets adéquats. Par exemple lorsqu’on sélectionne un acteur dessin sur la scène l’inspecteur de propriété nous propose à la fois l’onglet image objet, acteur, bitmap... dans la liste ci-dessous quelques cas de figure sont présentés:

Dessin : Image-objet, Comportement, Acteur, Bitmap Acteur 3d: Image-objet, Comportement, Acteur, Modèle 3d Texte: Image-objet, Comportement, Acteur, Texte, Extrusion 3d Champ: Image-objet, Comportement, Acteur, Champ Son: Image-objet, Comportement, Acteur, Son

Sont également présents pour chaque type d’acteur ou image objet, les onglets de guides repères, et d’animation. Lorsqu’un acteur est sélectionné depuis la distribution, il est normal de voir les onglets, images objet et comportement disaparaître. Un raccourci clavier mal documenté pour atteindre l’inspecteur des propriétés reste la barre oblique du pavé numérique (Voir raccourcis du clavier plus bas dans ce tutorial.

L’inspecteur de comportement (Cmd/Ctrl - Alt - ;) :

La palette des bibliothèques :

Le tableau de commande (Cmd/Ctrl - 2) :

La palette des outils (Cmd/Ctrl - 7) :

La palette des outils porte souvent à confusion par rapport à la palette des outils de la fenêtre de dessin. Ces deux palettes, bien que ressemblantes, sont complètement différentes. La palette des outils propose un panaché d’élément s’utilisant directement sur la scène. Ces éléments sont de type ‘forme’, assimilé à des éléments vectoriels. Par comparaison, la liste suivante spécifie le poids de trois éléments carré de dimension équivalente en fonction de leur type d’acteur (la dimension n’intervient pas pour les élements vectoriels et forme :

• bitmap = 24.1 Ko
• vectoriel = 603 octets
• forme = 294 octets

Ces outils permettent de rapidement tracer l’esquisse d’une interface, ils proposent, des formes géométriques de bases pleines et vides, du texte, des champs, des cases à cocher, des boutons radio et des boutons.

A la différence des acteurs de type bitmap, leur point d’alignement ne sont pas ajustable et sont placés en haut à gauche. Il est donc important d’en tenir compte dans le cas où une esquisse de maquette soit prè-réalisée en utilisant ces types d’acteurs avant d’être remplacé par des bitmaps.

En parrallèle des ces types d’éléments la pallette des outils propose également des outils de manipulation du type pointeur, loupe, outil de déplacement et outil de rotation et déformation d’image objet. Paradoxalement, ormis l’outil texte (qui est également accéssible par ailleurs), peut bénéficier de l’outil de rotation et transformation, aucun des autres éléments de la palette des outils n’y est sensible.

La différence entre l’outil champ et texte reste minime pour certains, mais à y regarder de plus près, l’acteur champ contient du texte qui ne bénéficie pas de l’ensemble des outils de mise en forme de type RTF (alignement, tabulations, indentation, espace avant ou après, interlignage, aliasing, etc...). Les champs sont donc très utile en programmation comme conteneur n’entraînant pas la lourdeur de l’acteur texte, qui lui est beaucoup plus riche.

Raccourcis du clavier :

Le pavé numérique des claviers étendus, à condition que celui-ci ne soit pas vérouillé, apporte quelques merveille de raccourcis.