Pas encore membre ? Enregistrez-vous ! | Identifiants égarés ?
Fermer

Rotation d'un objet

  • Introduction
  • Informations
Rotation d'un objet Ce tutoriel présente une méthode pour faire tourner un Movie-Clip autour d'un autre avec ActionScript.  
Netger
  • Auteur : Netger
  • Publication : 22 mai 2007 20:33
  • Consultations : 4955
 

1. Nouveau document

Rotation dun objet image 1 Créer un nouveau document flash avec les propriétés suivantes :
  • dimensions : 300 x 300 pixels
  • couleur d'arrière-plan : blanc (à votre convenance).
  • cadence : 12 images par secondes
  • unité de la règle : pixels

2. Le centre de rotation et l'objet

Rotation dun objet image 2 Nous allons commencer par définir le MC qui sera le centre de rotation.
Pour cela tracez un petit cercle placé ici au centre de la scène (celui-ci peut très bien ne pas se trouver au centre, ce script fonctionnera tout de même) et convertissez le en MC nommé "centre".

Passons maintenant à l'objet que nous souhaitons faire tourner autour du MC "centre".
Sur un nouveau calque tracez un nouveau cercle (bleu cette fois) et convertissez le en MC nommé "balle".

3. Les noms d'occurrences

Poursuivons notre préparation en nommant nos 2 MC présents sur la scène.

Rotation dun objet image 3 La MC "centre" prendra le nom d'occurrence "centre" et le MC "balle" prendra donc le nom d'occurrence "balle".
Nous pouvons maintenant les utiliser avec ActionScript !

4. Le code ActionScript (et un peu de trigonométrie...)

Pour écrire notre script nous allons avoir besoin d'un peu de trigonométrie.
N'hésitez pas à aller jeter un oeil dans vos cours de maths pour plus de détails

Rotation dun objet image 4 Imaginez un repère orthogonal dont le centre est celui de notre MC "centre" et dont les vecteurs X et Y sont respectivement les abcisses et ordonnés.
Pour notre tutorial nous avons juste besoin de connaitre les valeurs de X et de Y car celles-ci représentent les coordonnées d'un point toujours placé à la périphérie du cercle.
En trigonométrie ces coordonnées sont liés par la valeur de l'angle par les propriétés suivantes :
  • X = rayon * cos(angle)
  • Y = rayon * sin(angle)
Nous pouvons donc en définir que notre script utilisera les variables suivantes :
  • X : valeur des abscisses
  • Y : valeur des ordonnés
  • Rayon : distance entre le centre et l'objet
  • angle : valeur entre 0 et 2?
  • vitesse : valeur permettant de contrôler le sens et la vitesse de rotation
Nous possédons maintenant toutes les informations utiles à la rédaction de notre script.
Si vous avez bien suivis vous devriez comprendre très facilement le fonctionnement de ces lignes :
Code-source actionscript
  1. var angle = 0;
  2. var rayon = 100;
  3. var vitesse = 0.1;
  4.  
  5. onEnterFrame = function()
  6. {
  7. balle._x = centre._x + rayon * Math.cos(angle);
  8. balle._y = centre._y + rayon * Math.sin(angle);
  9. angle += vitesse;
  10. }
 
 
  • Rédiger un commentaire
  • Afficher les commentaires (0)
Vous devez être identifié pour poster un commentaire
Aucun commentaire