AccueilFAQRechercherS'enregistrerConnexion

 

 [Flash] Texte en rotation sur le périmètre d'un cercle.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
NeeLix

ES Member
ES Member


Masculin Nombre de messages : 166
Age : 47
Logiciel[s] utilisé[s] : Photoshop cs2 et cs3 , flash mx
Date d'inscription : 07/08/2007

MessageSujet: [Flash] Texte en rotation sur le périmètre d'un cercle.   Sam 1 Sep - 1:51

Ce tutoriel vous présentera une technique qui permet de placer un texte (facilement modifiable) sur le périmètre d'un cercle en rotation autour de son centre.




- Ouvrez le logiciel Flash et créez un nouveau document.
- Définissez les dimensions de l'animation : 300 pixels de largeur et 300 pixels de hauteur.
- Dans le panneau "propriétés du document", définissez la cadence de l'animation à 30 images par seconde.
- Dans la bibliothèque de l'animation (CtrL+L), cliquez sur le bouton qui se trouve en haut à droite du panneau puis sélectionnez "nouvelle police".
- Dans le champ "Nom" saisissez "maPoliceDeLettre" puis à l'aide du menu déroulant "Police" sélectionnez "Comic Sans MS".
- Cliquez sur le bouton "OK".
- Dans votre bibliothèque, faites un clic droit sur l'unique symbole qui s'y trouve et cliquez sur "liaison".
- Dans le panneau "propriétés de liaison", sélectionnez la case à cocher "exporter pour actionscript".
- Cette opération est particulièrement importante et vous permettra de faire des rotations sur des champs de texte dynamiques.
- Le nom "maPoliceDeLettre" est un identifiant de liaison : il permettra de faire référence dans le code à la police de lettre que nous avons incorporée dans notre bibliothèque.
Sur la scène principale, il n'y a rien : nous placerons les différents clips dynamiquement à l'aide d'ActionScript.

Dans la première image clé de la scène principale, placez le code suivant :

Code:
phrase = "Bienvenue sur neelix graphisme
phrase += " ";
nbr = phrase.length;
rayon = 100;
 
cx = 150;
cy = 150;
 
vitesse = 1;
 
this.createEmptyMovieClip("monClip", 0);
monClip._x = cx;
monClip._y = cy;
 
monFormat = new TextFormat();
monFormat.size = 10;
monFormat.font = "maPoliceDeLettre";
monFormat.color = "0xCC3300";
monFormat.align = "center";
 
for(var i = 0; i < nbr; i++) {
var angle = i*2*Math.PI/nbr;
var x = rayon*Math.cos(angle);
var y = rayon*Math.sin(angle);
var texte = monClip.createEmptyMovieClip("texte" + i, i);
texte._x = x;
texte._y = y;
texte.createTextField("champDeTexte", 0, - 10, -20, 20, 20);
texte.champDeTexte.border = false;
texte.champDeTexte.selectable = false;
texte.champDeTexte.embedFonts = true;
texte.champDeTexte.text = phrase.charAt(i);
texte.champDeTexte.setTextFormat(monFormat);
texte._rotation = 90 + angle/Math.PI*180;
}
 
monClip.onEnterFrame = function() {
this._rotation -= vitesse;
}
Revenir en haut Aller en bas
http://neelix.hightoxic.com/
avatar
Kyoshiro

ES Member
ES Member


Masculin Nombre de messages : 651
Age : 22
Logiciel[s] utilisé[s] : PhotoShop CS3
Emploi/loisirs : MacroMédia Flash 8
Date d'inscription : 08/08/2007

MessageSujet: Re: [Flash] Texte en rotation sur le périmètre d'un cercle.   Sam 1 Sep - 12:52

Neelix tu tes trompé de section XD

Pas grave mais merci pour se tuto je vais essayez tout de suite Laughing

Edit : Voilà j'ai réussi mais il y a quelques erreurs dans ton script Surprised J'ai modifier ça a ma façon
Twisted Evil



Je vais essayez de mettre un préload 👅
Revenir en haut Aller en bas
avatar
.:Elyx:.

E&S Administratrice
E&S Administratrice


Féminin Nombre de messages : 903
Date d'inscription : 10/01/2007

MessageSujet: Re: [Flash] Texte en rotation sur le périmètre d'un cercle.   Sam 1 Sep - 13:04

Bonjour NeeLix Very Happy
Je déplace ton tuto dans la bonne section Wink
Merci beaucoup ! Very Happy
Elyx
Revenir en haut Aller en bas
Contenu sponsorisé





MessageSujet: Re: [Flash] Texte en rotation sur le périmètre d'un cercle.   

Revenir en haut Aller en bas
 

[Flash] Texte en rotation sur le périmètre d'un cercle.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
SAME :: Entraide :: Besoin d'aide ? :: Tutoriaux :: Flash-