Vous êtes ici: Support du web > Scripts et tutoriaux > Flash / ActionScript > Effectuer translation, rotations, redimentionnements en flash, ActionScript 2 et 3

Effectuer translation, rotations, redimentionnements en flash, ActionScript 2 et 3

Effectuer translation, rotations, redimentionnements en flash, ActionScript 2 et 3 Effectuer translation, rotations, redimentionnements en flash, ActionScript 2 et 3
Note : 4.5/5 (1 vote)
Derniéres modifications : 03/10/2009 à 07:02:51
Mots-Clés : Translation rotation redimentionnement flash actionscript 2 as 3 position x y degre _xscale _yscale scaleX scaleY

Bonjour à tous,
dans ce tutoriel, je vais vous montrer comment effectuer des translations, des rotations et des redimensionnements avec flash en utilisant son langage de programmation ActionScript.

Pour commencer, je vais vous montrer comment définir la position d'un symbole comme sur un plan cartésien en définition sa position X(Abscisse) et Y(Ordonnée).
Alors pour positionner le symbole dans l'axe des X, il suffit d'utiliser la propriété _x sous AS2 et x sous AS3.
Pour ce qui est de l'axe des Y, vous l'aurez compris, il faut utiliser la propriété _y sous AS2 et y sous AS3.
Le centre d'origine(le point 0,0) est en haut à gauche.
Donc voici un deux exemples de codes pour utiliser ces propriétés:

AS2
Code: ActionScript
rec01._x=150;
rec01._y=175;


AS3
Code: ActionScript
rec01.x=150;
rec01.y=175;


Maintenant, pour ce qui est de la rotation, il faut utiliser la fonction _rotation sous AS2 et rotation sous AS3.
La rotation s'effectue dans le sens des aiguilles d'une montre.
La valeur de la propriété _rotation/rotation doit simplement être l'angle de rotation bien sûr entre 0 et 360.
Il vous est aussi possible de mettre une valeur excédant 360, mais ça reviens à prendre le reste de la division de la valeur par 360. Donc en gros, pour chaque 360 de plus, ça vas faire un tour complet.

Bref voici deux exemples de codes pour utiliser les propriétés _rotation/rotation:
AS2
Code: ActionScript
rec01._rotation=45;


AS3
Code: ActionScript
rec01.rotation=45;


Pour finir, je vais vous montrer comment redimensionner un symbole en pourcentage par rapport à la taille initiale du symbole.
Sous ActionScript 2, il faut utiliser la propriété _xscale pour la largeur et _yscale pour la hauteur.
Les valeurs de ces propriétés sont en pourcentage, 200 équivaut à doubler la largeur/hauteur, 100 aucun changement et 50 diminuer de moitié.

Sous ActionScript 3, il faut utiliser la propriété scaleX pour la largeur et scaleY pour la hauteur.
Les valeurs de ces propriétés sont en pourcentage mais sous forme décimale, 2 équivaut à doubler la largeur/hauteur, 1 aucun changement et 0.5 diminuer de moitié.

Voici deux exemples de codes pour utiliser ces propriétés:
AS2
Code: ActionScript
rec01._xscale=200;
rec01._yscale=50;


AS3
Code: ActionScript
rec01.scaleY=0.5;
rec01.scaleX=2;


Voici maintenant deux exemples de codes avec leur résultats pour illustrer ce tutoriel:
AS2
Code: ActionScript
rec01._x=150;
rec01._y=175;
rec01._rotation=45;
rec01._xscale=100;
rec01._yscale=50;

Et voici le résultat:


AS3
Code: ActionScript
rec01.x=150;
rec01.y=175;
rec01.rotation=45;
rec01.scaleY=0.5;
rec01.scaleX=1.5;

Voici encore une fois le résultat:



Merci, j'espère que vous avez aimé ce tutoriel et qu'il vous sera utile.

Scripts et tutoriaux similaires à celui ci:

Commentaires

Ajouter un commentaire





Vous n'êtes actuellement pas connecté, certaines de vos informations(tel que votre Adresse IP) seront enregistrées pour éviter du spam.
Votre message ne doit pas contenir certains mots ou une adresse internet, sinon, il ne sera pas envoyé.

Les commentaires

Envoyé par starmust2 le 11/10/2009 à 12:12:39
bonjour monsieur
merci de bien me comprendre
ces code actions script où doit on les mettre sur notre site ou quoi moi je comprends mal parceque j'ai jamais vu ca par contre vous vous l'avez etudié
il faut mettre une explication satisfaite (toujours regardons ceux qui n'ont jamais vu ca ) pas pour ceuxqui l'ont etudié
pour que tous le monde bien comprennent
vous vous adressé a ceux qui l'ont etudié il le save ils ne sont que 2 ou 3 % mais les utilisaters sont 97 à 98 % ne comprennent rien comme moi . lisez vous meme ce la en faisant comme vous ne l'avez jamais vu (l'avez vous compris ? bien sur non)
excusé moi monsieur c'est mon avis plutot c'est lavis de 98%
si vous voulez me répondre merci mon msn aimmust@hotmail.com
car j'oubli toujours la page où j'ai mis ma question
ou mon site http://starmust2.ahlamontada.com
merci de ne pas me regarder comme vulgarisé ou bête mais je dois le dire
merci de ne pas vous enervez de mes quetions stupides
escusez moi tous
Envoyé par ybouane le 31/10/2009 à 04:42:20
Bonjour,
effectivement, comme vous l'avez dit, il certains n'ont pas les connaissances necessaires pour comprendre ce tutoriel, mais selon moi, il faudrait mettre un nouveau tutoriel qui explique les bases de l'action script et du flash pour les débutants comprennes mieux.

(Je les réaliserai lorsque j'aurai le temps)

Merci :)
Envoyé par fullflash le 31/03/2010 à 12:53:00
SAlut

Tu ne parle pas de translation ?

A plus
Envoyé par sylvafilms le 01/06/2010 à 20:43:02
Non c'est vrai il ne mensionne pas les translations mais plutot le positionnement sur x et y.
Après pour translater il faut gérer le temps.

Très bon tuto en tout cas merci, ca marche impec. :)
Envoyé par mt5762 le 26/08/2010 à 13:26:56
C EST BIEN MAIS POUR UN DEBUTANT C EST DU CHARABIA
IL FAUDRAIT UN MODELE POUR POUVOIR LE COPIER
POUR LES NOVICES
MERCI
Envoyé par mietwagen spanien le 13/10/2010 à 04:03:10
last week our group held a similar discussion about this subject and you point out something we have not covered yet, thanks.

- Laura
Envoyé par buhkmanx le 24/01/2012 à 12:30:07
20


Il y a actuellent 29 personne(s) connecté(es)
Page générée en 0.003265 secondes
Retour en haut
Règlements - Nous contacter - Aider le site - RSS News
Copyright © Support du web - Toute copie partielle ou complète de nos créations est interdite sans l'accord de ses auteurs.
Toutes les marques citées appartiennent à leurs compagnies respectives.