Puce et Média

Recherche et développement en multimédia

  • Augmenter la taille
  • Taille par défaut
  • Diminuer la taille
Puce et Média > Director > Prise en main de l'interface Director

Prise en main de l'interface Director

Envoyer Imprimer PDF

philo_director2Philosophie de DirectorTM :

DirectorTM fonctionne comme 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énario, on les anime sur la scène. Pour compléter les manques que n'apporterait pas le scénario, DirectorTM possède son propre langage 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 palettes flottantes 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 raccourcies vers les principales fonctions et fenêtres.

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

Barre d'outil principale
A - Documents
  • nouveau document (Cmd/Ctrl - N)
  • nouvelle distribution (Cmd/Ctrl - Alt - N)
  • ouvrir un document (Cmd/Ctrl - O)
  • importer (Cmd/Ctrl - R)
  • B - Enregistrement
  • enregistrer (Cmd/Ctrl - S)
  • tout enregistrer
  • publier
  • C - Edition
  • annuler (Cmd/Ctrl - Z)
  • couper (Cmd/Ctrl - X)
  • copier (Cmd/Ctrl - C)
  • coller (Cmd/Ctrl - V)
  • D - Rechercher / Remplacer
  • rechercher un acteur (Maj - F3)
  • échanger des acteurs (Cmd/Ctrl - E)
  • E - Fenêtres édition
  • fenêtre dessin (Cmd/Ctrl - 5)
  • fenêtre forme vectorielle (Cmd/Ctrl - Maj - V)
  • fenêtre texte (Cmd/Ctrl - 6)
  • fenêtre shockwave 3d
  • F - Fenêtre script
  • inspecteur de comportement (Cmd/Ctrl - Alt - ;)
  • fenêtre de script (Cmd/Ctrl - 0)
  • fenêtre de message (Cmd/Ctrl - M)
  • G - Contrôle
  • rembobiner (Cmd/Ctrl - Alt - R)
  • stop (Cmd/Ctrl - Alt - .)
  • lecture (Cmd/Ctrl - Alt - P)
  • H - Fenêtres application
  • scène (Cmd/Ctrl - 1)
  • fenêtre distribution (Cmd/Ctrl - 3)
  • fenêtre scénario (Cmd/Ctrl - 4)
  • inspecteur des propriétés (Cmd/Ctrl - Alt - S)
  • palette des bibliothèques
  • Les diverses fenêtres :

    Du fait que cette première approche de prise en main est écrite pour un DirectorTM 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ône ou bouton ne seront pas systèmatiquement détaillées. Seuls les principaux ou ceux présentant 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/DirectorTM).

    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 vues au cours d'une autre animation.

    L'intérêt 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é d'un ou plusieurs acteurs depuis la poignée de saisie (A gauche du nom d'acteur). Grâce à cette touche, vous pouvez déplacer la sélection d'acteur à l'intérieur d'une distribution ou vers une autre distribution.

    Cela n'est pas visualisable dans cette animation, mais pour sélectionner plusieurs acteurs, 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 sélectionné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és 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 disparaî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éments s’utilisant directement sur la scène.

    Ces éléments sont de type ‘forme’, assimilés à des éléments vectoriels. Par comparaison, la liste suivante spécifie le poids de trois éléments carrés 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, leurs points d’alignement ne sont pas ajustables 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és par des bitmaps.

    En parallèle de 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 accessible 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 utiles en programmation comme conteneurs 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 merveilles de raccourcis.

     


    Puce et Média > Director > Prise en main de l'interface Director