Logiciels :
par Salut les loulous, bon et bien on va dire que c'est le dernier tuto de la journée, qui aura été riche en tutoriels. Donc revenons à nos moutons, dans ce tuto je vais vous expliquer comment il est possible de créer un effet plutôt sympa sur vos textes, en effet nous allons nous amuser à appliquer une rotation sur des lettres en fonction du passage de la souris sur ceux-ci. Sachez que vous n'aurez qu'à effectuer 3 étapes pour que votre application fonctionne (séparation, modification des lettres et codage)
Pour ce tutoriel, vous aurez besoin de la librairie TweenMax (un tuto explique toutes les étapes pour la télécharger et aussi l'installer).
Voyons ce que vous serez capable de faire après ce tutoriel:
Le code:
Si vous souhaitez intégrer ce projet dans un autre swf, vous devrez alors donner des noms d'occurrences à vos lettres, ensuite il suffit de créer un tableau qui les contients. Voici donc un autre exemple qui utilise les noms d'occurrences : l_1, l_2, l_3, l_3...
La source:
Pour ce tutoriel, vous aurez besoin de la librairie TweenMax (un tuto explique toutes les étapes pour la télécharger et aussi l'installer).
Voyons ce que vous serez capable de faire après ce tutoriel:
Le code:
- Code:
//Import tweenmax
import com.greensock.TweenMax;
//boucle pour recupération des lettres de la scéne
for (var i=0; i < this.numChildren; i++) {
var mc:Object = getChildAt(i);
mc.addEventListener(MouseEvent.MOUSE_OVER, overLettre);
TweenMax.to(mc, .2 , {tint:0xffffff});
}
//fonction permettant la rotation et la coloration des lettres
function overLettre (e:Event):void {
var lettre:MovieClip = (MovieClip) (e.target) ;
TweenMax.to(lettre, .8 , {rotationY: -180, tint:0xff8800, onComplete: retour, onCompleteParams:[lettre]});
}
//fonction joué une fois la tween de la fonction overLettre terminé, remet en place les effets
function retour(lettre:MovieClip):void {
TweenMax.to(lettre, .4 , {delay: .5, rotationY: 0, tint:0xffffff});
}
Si vous souhaitez intégrer ce projet dans un autre swf, vous devrez alors donner des noms d'occurrences à vos lettres, ensuite il suffit de créer un tableau qui les contients. Voici donc un autre exemple qui utilise les noms d'occurrences : l_1, l_2, l_3, l_3...
- Code:
//Import tweenmax
import com.greensock.TweenMax;
//tableau contenant les noms d'occurrence de toutes les lettres
var tab:Array = new Array ( l_0 , l_1 , l_2 , l_3 , l_4 , l_5 , l_6 , l_7 );
//boucle pour recupération des lettres de la scéne
for (var i=0; i < tab.length; i++) {
//mc contient l'enssemble des lettres
var mc:MovieClip = tab[i];
mc.addEventListener(MouseEvent.MOUSE_OVER, overLettre);
TweenMax.to(mc, .2 , {tint:0xffffff});
}
//fonction permettant la rotation et la coloration des lettres
function overLettre (e:Event):void {
var lettre:MovieClip = (MovieClip) (e.target) ;
TweenMax.to(lettre, .8 , {rotationY: -180, tint:0xff8800, onComplete: retour, onCompleteParams:[lettre]});
}
//fonction joué une fois la tween de la fonction overLettre terminé, remet en place les effets
function retour(lettre:MovieClip):void {
TweenMax.to(lettre, .4 , {delay: .5, rotationY: 0, tint:0xffffff});
}
La source:
Dernière édition par artkabis le Lun 8 Mar - 18:54, édité 4 fois
alors là nous naviguons dans la 4eme dimension, je t'avoue que je n'arrive pas à comprendre ce qui peut se passer, c'est chiant, car si tu ne peux pas utiliser cette fonction, ceci peut te bloquer dans d'autres tutos où même tes projets. Je vais essayer de voir de mon côté s'il existe des précédents...
D'habitude, je t'avouerai que j'ai du mal à lire ton code et celà meme en HD bien sur. C'est pourquoi les zoom que tu as fais, sont grandement appréciés. Alors merci encore pour ce petit 'plus', et rdv dans la section aide 
