Les partenaires publicitaires:

Comment aligner un clip au centre de la scène en AS3

Alignement des clips vidéo au centre de la scène est utilisé pour garder votre animation Flash centré dans la fenêtre du navigateur lorsque la fenêtre du navigateur est redimensionnée. Cela signifie que quelle que soit la taille de la fenêtre, votre public verra toujours le centre du clip sur la scène à la place de l'espace blanc non utilisé ou, pire encore, un clip partiellement coupée. Centrage d'un clip sur la scène peut être accompli avec un simple ligne de Flash ActionScript 3 (AS3) code. Garder un clip centré sur la scène au cours de redimensionnement nécessite juste un peu plus, cependant.

Choses que vous devez

  • Adobe Flash Professional: versions CS3, CS4 ou CS5

Instructions

  1. Démarrez le programme flash. Cliquez sur "Fichier Flash (ActionScript 3.0)" dans la fenêtre d'accueil pour créer un nouveau fichier pour un projet d'animation Flash AS3.

  2. Appuyez et relâchez la touche "R" de votre clavier pour activer l'outil de rectangle. Placez le curseur de votre souris sur la scène de Flash. Appuyez et maintenez la touche "shift" de votre clavier pour utiliser l'outil la fonction de carrés faisant du rectangle. Appuyez sur le bouton gauche de la souris (tout en maintenant enfoncée la touche Maj), et faites glisser votre souris pour dessiner un carré sur la scène. Relâchez le bouton gauche de la souris lorsque le carré a une largeur d'environ 1 pouce.

  3. Appuyez sur et relâchez la touche "v" de votre clavier pour sélectionner l'outil de sélection. Placez votre curseur de la souris en dehors des limites de la place. Appuyez et maintenez le bouton gauche de la souris et faites glisser une boîte de sélection autour de la place. Relâchez le bouton gauche de la souris pour terminer la sélection.

  4. Cliquez sur "Convertir en symbole" dans le menu Modifier. Tapez un nom de symbole de «Symbole 1" dans la zone de texte "Nom", cliquez sur l'option "Movie Clip" dans la zone de liste "Type", cliquez sur le point central dans la case à cocher "Enregistrement", cliquez sur "Exporter pour ActionScript option ", tapez" Rectangle_01 "dans la zone de texte de la classe, puis cliquez sur le bouton OK dans le" Convertir en symbole "boîte de dialogue pour convertir la place à un objet Flash MovieClip et de créer une classe et un symbole, appelé" Rectangle_01 "pour la place.

  5. Cliquez sur: "Propriétés" dans le menu Fenêtre pour afficher l'Inspecteur des propriétés. Tapez "rectangle_1" dans la boîte de texte "nom instance" d'assigner l'objet carré, ce qui est toujours sélectionné, le nom "rectangle_1."

  6. Sélectionnez "Actions" dans le menu "Fenêtre" dans la barre de menu flash principal pour ouvrir l'éditeur ActionScript 3. Placez votre curseur de la souris sur la première ligne de l'éditeur ActionScript 3. Cliquez sur le bouton de votre souris et tapez le code d'importer les utilitaires Flash qui sont nécessaires pour l'alignement de la scène, mise à l'échelle de la scène et l'écoute de l'événement.

    flash.display.StageAlign importation;

    flash.display.StageScaleMode importation;

    import flash.events.Event;

  7. Tapez le code suivant dans la ligne de l'éditeur ActionsScript 3 pour permettre le redimensionnement sur la scène sans mise à l'échelle.

    Stage.scaleMode = StageScaleMode.NO_SCALE;




    stage.align = StageAlign.TOP_LEFT;

  8. Tapez le code dans la prochaine ligne de l'éditeur ActionsScript 3 pour ajouter un écouteur d'événement sur la scène qui va charger le programme Flash pour exécuter le code dans la fonction nommée "centerStage_fn" lorsque la fenêtre de navigateur ou le stade de Flash est redimensionnée.

    stage.addEventListener (Event.RESIZE, centerStage_fn);

  9. Entrez le code dans la prochaine ligne de l'éditeur ActionsScript 3 pour placer le carré (le clip nommé rectangle_1) les coordonnées x et y qui correspondent au centre de la scène (basé sur les valeurs de propriété stageWidth et stageHeight).

    rectangle_1.x = stage.stageWidth / 2;

    rectangle_1.y = Stage.stageHeight / 2;

  10. Tapez le code suivant dans la ligne de l'éditeur ActionsScript 3 pour instruire la fonction "centerStage_fn" pour centrer rectangle_1, la place, lorsque la fonction reçoit l'événement de réinitialisation de l'écouteur d'événement de réinitialisation de la scène.

    fonction centerStage_fn (e: Event): void {

    rectangle_1.x = stage.stageWidth / 2;

    rectangle_1.y = Stage.stageHeight / 2;

    }

  11. Copiez et collez le code dans le l'éditeur ActionScript 3 pour assurer qu'il n'y a pas d'erreurs de syntaxe et que le programme Flash centre de la scène fonctionne correctement.



    flash.display.StageAlign importation;

    flash.display.StageScaleMode importation;

    import flash.events.Event;

    Stage.scaleMode = StageScaleMode.NO_SCALE;

    stage.align = StageAlign.TOP_LEFT;

    stage.addEventListener (Event.RESIZE, centerStage_fn);

    rectangle_1.x = stage.stageWidth / 2;

    rectangle_1.y = Stage.stageHeight / 2;

    fonction centerStage_fn (e: Event): void {

    rectangle_1.x = stage.stageWidth / 2;

    rectangle_1.y = Stage.stageHeight / 2;

    }

» » » » Comment aligner un clip au centre de la scène en AS3