La géométrie peut être une matière difficile à appréhender et à retenir mais quelques connaissances peuvent faciliter l'utilisation d'ActionScript.

Le package flash.geom contient des classes qui définissent des objets géométriques, tels que des points, des rectangles et des matrices de transformation. Ces classes ne fournissent pas nécessairement de fonctionnalité par elles-mêmes ; néanmoins, elles sont utilisées pour définir les propriétés des objets utilisés dans d'autres classes.

Toutes les classes de géométrie se basent sur la notion selon laquelle les emplacements à l'écran sont représentés comme un plan en deux dimensions. L'écran est traité comme un graphique plat avec un axe horizontal (x) et un axe vertical (y). Tout emplacement (ou point) à l'écran peut être représenté sous la forme d'une paire de valeurs x et y, appelées coordonnées de cet emplacement.

Chaque objet d'affichage, y compris la scène, a son propre espace de coordonnées, essentiellement son propre graphique pour le tracé d'emplacements d'objets d'affichage enfant, de dessins, etc. Généralement, l'origine (coordonnées 0, 0 où les axes x et y se croisent) est placée en haut à gauche de l'objet d'affichage. Ceci est toujours vrai pour la scène, mais pas nécessairement pour d'autres objets d'affichage. Comme dans les systèmes de coordonnées en deux dimensions standard, les valeurs sur l'axe x augmentent en allant vers la droite et diminuent en allant vers la gauche - à gauche de l'origine, la coordonnée x est négative. Néanmoins, contrairement aux systèmes de coordonnées classiques, dans ActionScript, les valeurs sur l'axe y augmentent an allant vers le bas et diminuent en allant vers le haut de l'écran (avec des valeurs au-dessus de l'origine ayant une coordonnée y négative). Etant donné que l'angle supérieur gauche de la scène est l'origine de son espace de coordonnées, tout objet sur la scène aura une coordonnée x supérieure à 0 et inférieure à la largeur de la scène. Sa coordonnée y sera supérieure à 0 et inférieure à la hauteur de la scène.

Vous pouvez utiliser des occurrences de la classe Point pour représenter des points individuels dans un espace de coordonnées. Vous pouvez créer une occurrence de Rectangle pour représenter une région rectangulaire dans un espace de coordonnées. Les utilisateurs chevronnés peuvent utiliser une occurrence de Matrix pour appliquer des transformations multiples ou complexes à un objet d'affichage. De nombreuses transformations simples (rotation, position, et changements d'échelle, par exemple) peuvent être appliquées directement à un objet d'affichage à l'aide des propriétés de ce dernier. Pour plus d'informations sur l'application de transformations à l'aide des propriétés d'un objet d'affichage, consultez la section Manipulation des objets d'affichage.

Vous souhaiterez probablement effectuer les tâches suivantes à l'aide des classes de géométrie dans ActionScript :

• Calcul de la distance entre deux points

• Détermination des coordonnées d'un point dans différents espaces de coordonnées

• Déplacement d'un objet d'affichage à l'aide de l'angle et de la distance

• Utilisation des occurrences Rectangle :

  • Repositionnement d'une occurrence de Rectangle

  • Redimensionnement d'une occurrence de Rectangle

  • Détermination de la taille combinée ou des zones de chevauchement d'occurrences Rectangle

• Création d'objets Matrix

• Utilisation d'un objet Matrix pour appliquer des transformations à un objet d'affichage

La liste de référence suivante énumère les termes importants que vous rencontrerez dans ce chapitre :

• Coordonnées cartésiennes : les coordonnées sont généralement écrites sous la forme d'une paire de nombres (5, 12 ou 17, -23). Les deux nombres sont la coordonnée x et la coordonnée y, respectivement.

• Espace de coordonnées : représentation graphique des coordonnées contenues dans un objet d'affichage, par rapport auquel sont positionnés les éléments enfant.

• Origine : point dans un espace de coordonnées où l'axe x et l'axe y se croisent. Ce point a les coordonnées 0, 0.

• Point : emplacement unique dans un espace de coordonnées. Dans le système de coordonnées en 2 dimensions utilisé dans ActionScript, un point est défini par son emplacement le long de l'axe x et de l'axe y (les coordonnées du point).

• Point d'alignement : dans un objet d'affichage, l'origine (coordonnées 0, 0) de son espace de coordonnées.

• Echelle : taille relative d'un objet par rapport à sa taille d'origine. Mettre un objet à l'échelle consiste à modifier sa taille en l'étirant ou en le rétrécissant.

• Translation : modifier les coordonnées d'un point d'un espace de coordonnées à un autre.

• Transformation : modification des caractéristiques visuelles d'un graphique (rotation de l'objet, modification de son échelle, désalignement, déformation ou altération de sa couleur).

• Axe X : axe horizontal dans le système de coordonnées en 2 dimensions utilisé dans ActionScript.

• Axe Y : axe vertical dans le système de coordonnées en 2 dimensions utilisé dans ActionScript.

Un grand nombre des exemples fournis dans ce chapitre illustrent des calculs ou des changements de valeurs ; la plupart d'entre eux incluent les appels de la fonction trace() appropriés pour démontrer les résultats du code. Pour tester ces exemples, procédez comme suit :

1. Créez un document vide à l'aide de l'outil de programmation Flash.

2. Sélectionnez une image-clé dans le scénario.

3. Ouvrez le panneau Actions et copiez le code dans le panneau Script.

4. Exécutez le programme en sélectionnant Contrôle > Tester l'animation.

   Les résultats des fonctions trace() des codes s'affichent dans le panneau Sortie.

Certains exemples du chapitre démontrent l'application de transformations aux objets d'affichage. Les résultats de ces exemples sont affichés au lieu d'être entrés dans un champ de texte. Pour tester ces exemples de transformation, procédez comme suit :

1. Créez un document vide à l'aide de l'outil de programmation Flash.

2. Sélectionnez une image-clé dans le scénario.

3. Ouvrez le panneau Actions et copiez le code dans le panneau Script.

4. Créez une occurrence de symbole de clip sur la scène. Par exemple, dessinez une forme, sélectionnez-la et choisissez Modification > Convertir en symbole. Donnez ensuite un nom au symbole.

5. Sélectionnez le clip de la scène et donnez un nom à l'occurrence dans l'Inspecteur des Propriétés. Le nom doit correspondre au nom utilisé pour l'objet d'affichage dans l'exemple de code (par exemple, si le code applique une transformation à un objet myDisplayObject, vous devez appeler votre occurrence de clip myDisplayObject également).

6. Exécutez le programme en sélectionnant Contrôle > Tester l'animation.

   Les résultats des transformations appliquées à l'objet comme indiqué dans le code s'affichent à l'écran.

Ces techniques de test d'exemples de code sont décrites de manière plus détaillée dans Test des exemples de code contenus dans un chapitre.