Faire une horloge pour son forum avec Macromedia Flash MX

Avec Macromédia Flash voila comment faire une horloge

1. Fichier / nouveau, si aucun nouveau document n'est ouvert (rectangle blanc au milieu de l'écran).
Modification / document ; dimension 300 x 300 / ok
Ou alors ouvrir votre image que vous aurai préparé avant avec votre logiciel de graph mais toujour les dimension 300 x 300 :Fichier / Ouvrir --> Fichier de types --> tout les fichiers ( cela vous servira pour ouvrir les .gif , .jpeg ...... )
exemple cette image :
Affichage / grille / modifier la grille / 50 x 50 ; afficher la grille coché.



2. Insertion / nouveau symbole : nommez le actions ; cocher comportement cli



Si la bibliothèque n'est pas ouverte : fenêtre / bibliothèque (ou touche F11 du clavier). Vous devriez y voir le clip actions



3. Insertion / nouveau symbole : nommez le horloge; cocher comportement clip

4. Nous allons déposer le clip actions dans le clip horloge.qui contiendra également les aiguilles.
A partir de la bibliothèque faites glisser le clip action sur la scène (peu importe l'emplacement).



Vous devriez voir ceci :



S'il n'a pas cette apparence mais celle d'un rond sans croix, cliquez dessus pour le sélectionner.

5. Ouvrez la fenêtre "actions" si elle ne l'est pas. Si vous utilisez flash 6, "mode expert" doit être coché.

Copiez les codes ci-desssous dans la fenêtre actions

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;
    }
}

Vous pouvez refermer la fenêtre actions.

6. Nous allons maintenant créer les aiguilles. Dans cette première partie du tutoriel, nous nous contenterons d'aiguilles droites que nous modifierons par la suite. Si vous vous en sentez capable, vous pouvez bien sûr dessiner des aiguilles qui remplaceront les traits droits dès maintenant.
Insertion / nouveau symbole ; nom : heure ; comportement : clip
Avec l'outil ligne, tracez un trait vertical de 70 pixels de haut, bien centré. Dans les propriétés de la ligne, j'ai choisi 2 en largeur de trait

Pour vous répérer vous pouvez ajouter les règles (affichage / règles coché). Vous pouvez ensuite bouger l'aiguille pour bien la positionner en zoomant avec l'outil zoom. Pour revenir à un zoom inférieur : affichage / zoom...
Pour bouger une aiguille, il faut cliquer dessus ; elle devient alors hachurée (voir ci-dessous). Pour la centrer : modifier / aligner / centrer verticalement. L'aiguille tournera autour du centre qui est matérialisé par le petit rond avec une croix.



7. Insertion / nouveau symbole ; nom : minute ; comportement : clip. De la même manière qu'en 6, tracer une aiguille avec l'outil ligne qui sera plus longue (95 pixels).

8. Insertion / nouveau symbole ; nom : seconde ; comportement : clip. De la même manière qu'en 6, tracer une aiguille avec l'outil ligne qui sera plus longue (100 pixels). Vous pouvez utiliser une autre couleur et une largeur de trait inférieure.

9. Nous allons maintenant amener les 3 aiguilles sur le clip horloge.
Dans la bibliothèque, double-cliquez sur horloge.

10 . Depuis la bibliothèqe, faites glisser une occurrence du clip heure sur la scène.

Dans la fenêtre des propriétés, à la place de "nom de l'occurrence", inscrivez h (pour heure). C'est le nom qui figure dans les codes de l'action script. Si vous changez ce nom, n'oubliez pas de changer les codes.



11. Depuis la bibliothèque, faites glisser une occurrence du clip minute sur la scène. Placez la sur l'aiguille des heures.
Dans la fenêtre des propriétés, à la place de "nom de l'occurrence", tapez m (pour minute)

12. Depuis la bibliothèqe, faites glisser une occurrence du clip seconde sur la scène. Placez la sur les autres aiguilles.
Dans la fenêtre des propriétés, à la place de "nom de l'occurrence", tapez s (pour seconde)

13. Edition / sélectionner toutes les images.
Modifier / aligner, centres verticalement.

14. Cliquez sur "séquence1" pour revenir à la scène principale.



15. Depuis la bibliothèque, faites glisser une occurrence du clip horloge au centre de la scène.
Dans la fenêtre des propriétés, renommez la horloge. Ne modifiez pas ce nom sans modifier les codes.



16. Testez votre animation :contrôle / testez l'animation (ou touche ctrl + enter du clavier)
Vous devriez obtenir l'horloge telle qu'elle apparait en haut de cette page.
Enregistrez.

voila le resultat : ici

Voila il ne reste plus qu'a l'héberger pour obtenir votre script horloge pour pouvoir le mettre dans votre forum bon courage a toutes et a tous