|
Tout d'abord créez un nouveau document de 150 sur 150 par exemple.
Appuyez sur ctrl+F8 ce qui a pour but d'ouvrir le panneau "créer un nouveau symbole", cochez "clip" et validez.
|
|
Créez ensuite un visuel pour votre animation.
|
|
Revenez sur votre animation principale et ouvrez le paneau "Bibliothèque"(F11).
Vous devez apercevoir votre visuel dans cette fenêtre, cliquez dessus et faites le glisser sur votre animation, votre clip est en place.
|
|
Maintenant placez vous a la racine de votre animation si vous n'y êtes pas déjà et refaites CTRL+F8 pour ouvrir de nouveau le panneau "créer un nouveau symbole" et créez un clip de nouveau mais cette fois ci VIDE, c'est ce clip qui contiendra le code action script.
Une fois ce clip créé vous devez avoir deux clips dans le panneau "Bibliothèque".
|
|
Nous allons donner maintenant des noms à nos clips (qui nous serviront pour le code action script).
Cliquez une fois sur votre clip et nommez "l'occurance" (Photo ci contre) nommez le "montredigitale".
|
|
Une fois le clip nommé, double cliquez dessus pour rentrer à l'interieur, et à l'aide du panneau "Bibliothèque" faites glisser le deuxieme clip, comme ce clip est vide vous ne verrez rien à part un petit rond.
Cliquez une fois sur le rond et nommez le "Clip Vide" par exemple.
|
|
Vous allez maintenant prendre l'outil Texte et placer une zone de texte sur le visuel (dans le clip "montredigitale").
|
|
Choisissez "texte dynamique" dans le champ propriétés et donnez lui également un nom de variable.
|
Nous avons donc un "texte dynamique" et mit "clock" dans le champ
Var en bas a droite, voilà tout est en place, nous pouvons maintenant rentrer les codes actions script, pour ce faire cliquez sur le rond que je vous ai montré tout a l'heure celui du clip vide et ouvrez le panneau "ACTIONS" (F9).
Je vous met le code complet mais ne vous en faites pas je vais vous expliquer comment on obtient ce code et ce qu'il signifie.
CODE
onClipEvent (enterFrame) {
heure = new Date();
h = heure.getHours();
min = heure.getMinutes();
sec = heure.getSeconds();
if (sec<=9) {
sec = "0"+sec;
} else {
sec = sec;
}
if (min<=9) {
min = "0"+min;
} else {
min = min;
_root.montredigitale.clock = h add ":" add min add ":" add sec;
}
}
|
Nous definissons une varible "heure", heure est égale a la fonction new date().
newdate() s'obtient comme sur l'image ci-contre.
|
|
Ensuite on définit comme variables les heures, minutes et secondes : (pour obtenir en mode normal les variables c'est "Set Variable")
h = heure.getHours();
min = heure.getMinutes();
sec = heure.getSeconds();
|
_root.montredigitale.clock = h add ":" add min add ":" add sec;
/
Cette ligne spécifie _root (c'est la racine d'un clip ,par exemple _root.montredigital ce qui veut dire la racine du clip montre digitale)
.clock c'est la zone de texte que nous avons fait tout a l'heure.
Et tout ça est égal en fait a h , min , sec , les variables definit plus haut .
En gros c'est ce qui va s'afficher dans la zone de texte.
La portion de code ci-dessous sert à mettre un 0 sur les secondes et minutes quand celles-ci sont inferieurs ou égales à 9; au lieu de par
exemple 11 h 3 m 5 sec nous aurons 11 h 03 m 05 sec.
CODE
if (sec<=9) {
sec = "0"+sec;
} else {
sec = sec;
}
if (min<=9) {
min = "0"+min;
} else {
min = min;