[FLASH]Faire une horloge analogique^^

Bonjour,
voila le tuto tant attendu de tout le monde : comment créer une horloge analogique.


1]ouvrez un doc 200*200 (horloge normal)

2]afficher la grille pour vous aidez (affichage=>grille=>afficher la grille)

3]insertion=>nouveau symbole=>clip et nommez le actions


4]ouvrez la bibliotheque (fenêtre=>bibliotheque)

5]créer un nouveaux clip (insertion=>nouveau symbole=>clip) mais cet fois ci nommez le horloge.

6]Dans se clip horloge nous allons mettre le clip action et les aguilles mais chaque chose en sont temps.

7]nous allons glisser le clip action dans le clip horloge.
ouvrez le clip horloge et glisser y les clip actions dedans.


8]cliquer sur le rond pour faire apparaitre une croix dedans si ne pas deja fait


9]insérer se script dans l'onglet actionscript

Code:

onClipEvent (enterFrame) {
    heure = new Date();
    _root.horloge.secondes = heure.getSeconds();
    _root.horloge.minutes = heure.getMinutes();
    _root.horloge.heures = heure.getHours();
    _root.horloge.s._rotation = _root.horloge.secondes*6;
    _root.horloge.m._rotation = _root.horloge.minutes*6;
    if (_root.horloge.h<=12) {
        _root.horloge.h._rotation = _root.horloge.heures*30;
    } else {
        _root.horloge.h._rotation = (_root.horloge.heures-12)*30;
    }
}

10]créons maintenat les aiguilles.

11]nouveaux symbole=> clip que vous nommez heure

12]tarcez avec l'outil trait l'aguille de 70px de long et 1px de large.

13]selectionner tout et faite modifications=>aligner==>centrer horizotalement.


14]faite la même chose pour le clip minute sauf que la longueur sera de 95px(news clip que vous nommez heure...)

15]créer encore un news clip (insertions=>nouveaux symbole=>clip)

16]que vous nommez seconde
vous tracez pareil un trait mais cet fois ci de 100px de long.
et voila vous avez vos trois aiguilles^^

17]nous allons maintenant glisser nos trois aiguille une part une sur le clip horloge comme pour le clip action.

18]insérer l'aguille des heures et mettez comme nom d'occurance inscriver h


19]inserer l'aiguille des minutes et inscriver m comme nom d'occurance.

20]inserer l'aiguille des secondes et inscriver s comme nom d'occurance.
/!\attention les aiguille doive toute etre coordoner en un point leur petite croit ne doive faire qu'une avec la croix du clip horloge (voir le screen ci-dessous)/!\


NB : pour que toutes les aiguille sooit bien aligner selectionner toute les aiguilles et faite modifications=>aligner=>centrer verticalement

21]retournez a le sequence 1 ( la scene1)

22]inserer le clip horloge en le glissant sur votre scene.

23]mettez lui comme nom d'occurance horloge
et maintenant persobaliser votre horloge fond, aiguille, cache, texte, ...

24]faite ctrl+enter et c'est fini vous vous trouver en possesion d'une magnifique horloge a aiguille.

voila mon exemple j'ai rajouter une horloge digital.

http://tcd1.ifrance.com/Adobe/e9969e2882.swf

NB : j'ai desactiver le html de se message car sinon il y avait des probleme donc ne vous inkieteer pas si vous ne voyer pas ma sign en flash.

++