begin process at 2010 02 10 11:48:16
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

ActionScripts

 > APPLICATION DE ROTATION A UN CLIP SELON LA POSITION D'UN AUTRE CLIP

APPLICATION DE ROTATION A UN CLIP SELON LA POSITION D'UN AUTRE CLIP


 Information sur la source

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :ActionScripts Classé sous :rotation, souris, arctan, hypotenuse, sqrt Niveau :Initié Date de création :09/08/2006 Date de mise à jour :10/08/2006 01:16:31 Vu / téléchargé :6 551 / 1 183

Auteur : f0xi

Ecrire un message privé
Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Salut,
Je sais qu'on as plutot l'habitude de me voir sur delphifr, mais pour une fois, un petit flash/as ça fait pas de mal.

ici, bien que de nombreuses sources fassent reference a cette technique, il ne s'agit ni plus ni moins d'appliquer une rotation
a un clip par rapport a une position X,Y donnée (curseur de souris, clip, ect...)

ici, le clip Compas contient un code (calque AS) qui calcul l'angle d'inclinaison de son centre par rapport au curseur de la souris.
il applique cet angle a la propriété _rotation de son clip-enfant "_arrow" et affiche l'angle dans son champ texte "_atext".
il calcul egalement la distance entre le curseur et son centre et redimensionne (scale) "_arrow" si cette distance est inferieure
a la hauteur original de ce dernier.

les deux fonctions LineAngle et Hypot sont dans le fichier ExtMath.as.

on peu voir egalement que la fonction LineAngle retourne un angle en degrés.
la convertion Radians degrés s'effectue en multipliant les radians par 180/PI ~= 57.2958
l'angle correspond a l'angle de l'hypotenuse du triangle rectangle que forme "virtuellement" les coordonnées X,Y entrée.
Longeur = X2-X1
Hauteur = Y2-Y1
Angle radians = arctan2(Hauteur, Longeur)

la distance ce calcule de la meme façon que l'on calcul l'hypotenuse d'un triangle rectangle :
Hyp = Racine carrée de (Longeur²+Hauteur²)




 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

09 août 2006 23:54:01 :
correction d'une faute d'orthographe ^^
10 août 2006 01:16:31 :
modification : compas1 pointe compas2 et compas2 pointe la souris, compas2 tourne autour de compas1. tout le code est dans la premiere frame du calque AS dans l'animation principale.

 Sources de la même categorie

Source avec Zip NAVIGATION DANS UN FICHIER XML par inaden
Source avec Zip Source avec une capture TWSCROLLBAR, UNE CLASSE DE SCROLLBAR SIMPLE ET PRATIQUE À UT... par Twinspirit
Source avec Zip Source avec une capture REBOND DE BALLON AVEC TWEEN par habibcode
Source avec Zip DIAPORAMA AS2 par ahmedhrbdj
Source avec Zip EXAMPLES DE TWEENS AS2 par rajas

 Sources en rapport avec celle ci

Source avec Zip POINTEUR PERSO AS3 par tranber78
Source avec Zip Source avec une capture JEU ARCADE TRIEZ LES BOULES! par Voroz
Source avec Zip Source avec une capture SPACEDIVIDE : PROTÈGE LA TERRE D'UN ÉNORME ASTÉROÏDE par daddy11world
Source avec Zip KEYBOARD VS MOUSE par simker
Source avec Zip Source avec une capture KB KLIK BALL par daddy11world

Commentaires et avis

Commentaire de sirene2005 le 11/08/2006 12:52:31

vous étes pas mal en Flash; Bravo continuer :)

Commentaire de on_drag_on le 11/08/2006 22:01:47

Pas mal du tout!
En même temps si il s'agit simplement de faire une rotation d'un clip vis à vis d'un autre, j'aurais fait comme ça:

DR = 90;
A = 0;
V = 50;
onEnterFrame = function() {
compas2._x = compas1._x + DR*Math.cos(A);
compas2._y = compas1._y + DR*Math.sin(A);
A += V;
}

c.f. la dernière partie du code. Comme ça tu peux facilement modifier le rayon et la vitesse de rotation du clip.
a+

Commentaire de sirene2005 le 12/08/2006 12:14:08

Ta remarque est intéressante " ON_DRAG_ON".

Commentaire de bibi_81 le 25/08/2006 19:07:03

Pourquoi c'est en anglais les // ? XD

Commentaire de scara 51 le 26/08/2006 04:02:28

Heu je crois que Top30 avait fait une source sur ce sujet, mais en + ergonomique.

Donc pas de note. Mé sinon c un bon début :)

Par contre me souviens plus du nom de la source.

Commentaire de f0xi le 16/09/2006 17:43:11 administrateur CS

@on_drag_on :
tout a fait, tu as raison, mais la le but que je m'etais fixé ete de recuperer directement un angle en degré pour la propriété _rotation.

de plus, ta formule s'applique a une autre utilisation et donc pas adaptée a mon anim. du moins pas dans la fonction LineAngle.
par contre tu aurais du voir que j'avais utiliser ce principe pour la rotation de l'un des objet autours de l'autre.


@bibi_81 : parce que lavabo ... c'est une mauvaise habitude que j'ai pris.

@scara 51 : je vois pas en quoi ma fonction est moins ergonomique qu'une autre ...
vus que ça consiste juste a faire :
objet._rotation = LineAngle(objet._x, objet._y, point._x, point._y);

le restant n'est juste qu'une mise en application de cette fonction. d'ou peut etre l'idée qu'il est moins ergonomique qu'un autre.

au niveau des sources, j'ai regarder pour voir si je trouvais des choses similaire et jusque la je n'ai trouver que des codes relativement douteux ...

Commentaire de scara 51 le 17/09/2006 04:03:06

Voilà la source :

http://www.flashkod.com/codes/ANGLE-DISTANCE-PLACEMENT-CLIP_14166.aspx

Si tu trouves ça douteux, c qu'il y a un souci. Par contre il n'y pas émulation du déplacement du centre de rotation par rapport au point (0,0) du movieClip que tu veux faire tourner, mais c le seul bémol de cette source.

Commentaire de mobman02 le 06/03/2007 14:33:24

Le fichier .as externe pour des fonctions si courte je l'ai juste supprimer perso,
j'avais juste besoin du code pour connaitre la direction vers une cible, ça marche nickel merci.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

un objet doit suivre la position de la souris mais par rotation vertical [ par pit128 ] Bonjour...Voilà mon PB:j'ai un clip qui représente une caméra vidéo sur un pied...le pied fait partie du fond.je voudrais que la caméra video (l'objec comment utiliser _rotation ? [ par jimmypage64 ] Bonjour je fais une animation flash : J'ai un morceau de gruyere (clip) qui suit laposition du curseur de ma souris. Et j'ai une petite souris (clip) la rotation des aiguilles d'1 horloge suit le mouvement de la souris [ par olfie ] bonjour tt le monde, je suis en train de faire une horloge et j'aimerais que les aiguilles de la pendule suivent les mouvements de la souris. j'ai f Rotation d'un cercle par rapport au mouvement de la souris [ par Ang3lo ] Bonjour à tous,Je fait une anim en Flash et je voudrais faire tourner 2 cercles en fonction du mouvement de la souris. Quand la souris bouge hori setProperty >> rotation [ par Gizmil ]   Salut,    Ma question est relativement simple! Dans une animation, je possède un clip qui remplace le pointeur de ma souris. J'a Controle de la rotation longitudinale d'un objet par la position de la souris [ par flatcedrik ] Bonjour,Je dispose d'une série de photographie d'un objet constituant une rotation longitudinale complete de ce dernier.Mon but est de pouvoir faire t Rotation d'un clip en fonction de la souris et plein écran [ par mchicault ] Bonjour, je suis en train d'essayer d'appliquer une rotation à un clip en fonction de la souris et j'aimerais que cette rotation reste constante quel defilement ou rotation d'un clip "monde" avec la souris. [ par poulbolune ] Bonjour à tous, je vous contact car j'aimerais trouver un peu d'aide pour réaliser un site. je voudrais faire fonctionner la rotation d'un clip à l'ai Code pour rotation et deplacement avec la souris d'un clip [ par benjone ] Bonjour, je sais faire ces deux fonctions en AS3(voir sujet), mais comment faire pour les combiner à un clip et que cela fonctionne bien? je veux dire rotation d'un clip lors du passage de la souris [ par remix62 ] Bonjour à tous ! Voilà la situation, j’utilise Flash CS4 (AS3) et je souhaiterais réaliser une animation lorsque la souris passe sur la zone en flash


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,139 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales