Ners a écrit:Attention ceci est mon premier tuto....
Aujourd'hui, nous allons apprendre a faire une barre de navigation avec slider
Nous utiliserons les notions suivantes :
-ActionScript
-Occurence
-Bouton et Clip
Au final cela pourra ressembler a ça
Commençons :
1) Créez un Nouveau document Flash, la taille et la couleur du fond n'ont pas d'importance
2) Renommer le calque Buttons, et faites deux autres calque que vous appelerez respectivement Slider et Actions
3) Sur le Calque Buttons Dessinez 4 (ou plus si vous voulez) rectangles et convertissez les en Boutons
4) Donnez leurs comme occurence button_1 , button_2, button_3 et ainsi de suite jusqu'a se que vous n'ayez plus de boutons :wink:
5) Sur le Calque Slider Dessinez l'élément qui se déplacera. Convertissez le en clip, et nommez le slider_mc (si vous changez le nom il
faudrat pensez a rectifier l'ActionScript). Donnez lui comme occurence : slider
6)Sélectionnez slider_mc et dans le panneau d'actions ( F9 ) copiez le code suivant :
- Code:
onClipEvent (load) {
xMove = _x;
easeSpeed = 5;
}
onClipEvent (enterFrame) {
_x += (xMove-_x)/easeSpeed;
}
7) Sur le Calque Actions dans le panneau d'action ( F9 ) copiez le script suivant
- Code:
easeSpeed = 5;
//slider_mc is your Movie Clip's name, not the Instance Name.
slider_mc.onEnterFrame = function() {
this._x += (xMove1-this._x)/easeSpeed;
};
button_1.onPress = function() {
xMove = button_1._x;
};
button_2.onPress = function() {
xMove = button_2._x;
};
button_3.onPress = function() {
xMove = button_3._x;
};
button_4.onPress = function() {
xMove = button_4._x;
};
Note : si vous avez plus de quatres boutons,rajoutez ceci autant de fois que nécessaire
- Code:
button_4.onPress = function() {
xMove = button_4._x;
};
En remplaçant les 4 par le chiffre correspondant au bouton
8°) Ensuite sur votre premier boutons (button_1) collez le script suivant :
- Code:
on (rollOver) {
// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_1._x;
}
Faites de meme sur les autres boutnons copier le meme code en changeant le 1 par le chiffre correspondant
9) Voila normalement c'est fini, Testez en faisant Ctrl+Entrée
J'espere que vous avez compris, si vous avez un problème j'essayerai de vous aider au mieux
[Flash]Barres de navigation
Alvaro- aide-flasheur
- Nombre de messages : 96
Réputation : 0
Date d'inscription : 06/01/2006
- Message n°1
[Flash]Barres de navigation
hadmagic- membre d'or
- Nombre de messages : 644
Logiciel de graphisme : collegien
Langages web / CMS : informatique
Réputation : 0
Date d'inscription : 28/10/2005
- Message n°2
Re: [Flash]Barres de navigation
ca doit etre compliquer mais c'est un bon tuto
Alvaro- aide-flasheur
- Nombre de messages : 96
Réputation : 0
Date d'inscription : 06/01/2006
- Message n°3
Re: [Flash]Barres de navigation
Non pas tellement dur que ca en faite
Au pire tu ne fait pas le curseur ^^

nossibe- Fondateur
Nombre de messages : 2306
Age : 37
Logiciel de graphisme : Gimp, Blender, Inkscape
Langages web / CMS : HTML, CSS, PHP, Joomla, Prestashop, Wordpress
Réputation : 6
Date d'inscription : 30/09/2005
- Message n°4
Re: [Flash]Barres de navigation
super tuto,
la prochaine étape est de nous montrer comment metre un lien entre un bouton et une page
la prochaine étape est de nous montrer comment metre un lien entre un bouton et une page
