Faire une horloge / pendule en Flash

Introduction:

Faire une horloge / pendule en Flash

Voici un tuto très simple pour faire une horloge à aiguille...

1. Ouvrez Macromedia Flash et créez un nouveau document flash,
pour la taille je pars toujours sur une base de 220x220,
(si vous le voulez, vous pouvez mettre plus petit)
suivre comme ci-dessous:



2. On part sur un fond blanc donc transparent (vierge)

Exemple:



3. Créez vos 3 aiguilles (heure, minutes et secondes) en dehors du cadre avec l'outils "Trait"
(ici j'ai fait des traits simples, mais vous pouvez trés bien faire de belles aiguilles^^)
- Pour pouvoir augmenter la largeur de la ligne regardez l'exemple en dessous :

Exemple:



4. Sélectionnez, avec l'outil sélection, la première aiguille,
appuyez sur la touche F8 et cochez la case clip et le carré du milieu en bas pour l'alignement et appuyez sur OK

Exemple:



5. Refaite pareil pour les deux autres aiguilles.

6. Ensuite, sélectionnez votre aiguille pour l'heure et changer son nom d’occurrence en "hours" (sans les guillemets)

Exemple:



7. Changer également le nom de l’occurrence de l'aiguille des minutes par "minutes" et celle des secondes par "seconds".

8. Maintenant placez les aiguilles au centre de l'horloge,
en faisant attention de mettre le bas de chaque aiguille au même niveau,
mais cela ne devrait pas vous poser de soucis avec les guides (Traits vert)

Exemple:



9. Ensuite sélectionnez le calque entier ( les aiguilles et le cadre),
n'hésiter pas à prendre trés large, la sélection se fera automatiquement, peu importe la grandeur !

Exemple:



10. Appuyer sur F8 et cocher la case clip puis "OK".

11. Appuyez sur F9 ( qui ouvre le champ "Action") et coller dans le champs prévu ce code:

onClipEvent (enterFrame) {
   time = new Date();
   mil = time.getMilliseconds();
   s = time.getSeconds();
   m = time.getMinutes();
   h = time.getHours();
   seconds._rotation = s*6+(mil/(1000/6));
   minutes._rotation = m*6+(s/10);
   hours._rotation = h*30+(m/2);
}
 

Pour ceux qui ont des soucis de copier/coller, vous avez le code en ZIP là !

Exemple:



Dernière chose faites ceci :



12. Avant d'enregistrer définitivement ..
Aller en haut a gauche ==> fichier ==> enregistrer sous
c'est un fichier de sauvegarde en ".FLA" que vous pourrez désormais utiliser pour travailler toutes vos horloges!

13. Il ne vous reste plus qu'à appuyer sur ctrl+Entrée et et voilà, vous avez votre horloge enregistrer sous votre bureau

Vous pouvez personnaliser votre horloge en y mettant des chiffre ( 12, 1, 2, 3 ect..)
- des images en fond.
Mais là c'est un autre tutoriel ^^

swan