Comment faire pour créer une horloge analogique Flash

Une horloge ajoutée à un site web, il donne un aspect plus professionnel. Afin de donner une heure précise, l'horloge système doit être correcte, car cela est ce qui va être tiré et réfléchi sur l'horloge flash. Flash 8 récupère l'horloge système et l'affiche sur une application Flash en utilisant le code ActionScript. Très peu de lignes de code sont nécessaires pour rendre une horloge analogique. Une conception de l'horloge peut être créée en utilisant les outils de dessin ou par l'importation depuis une autre application comme Photoshop.

Horloge Analog Design

  1. Sélectionner "Nouveau" pour commencer une nouvelle page Flash.

  2. Faites un clic droit sur le côté droit de la ligne de temps situé au-dessus de la scène et sélectionnez "Insérer couche" dans le menu déroulant. Une nouvelle couche marqué "Layer 2" apparaît.

  3. Double-cliquez sur la première couche et renommez- "Actions." Ceci est la couche où nous allons insérer notre code ActionScript qui va activer l'horloge.

  4. Double-cliquez sur "Layer 2" et renommez- "Interface."

  5. Insérez un autre trois couches et de les nommer "Secondes," "Procès-verbal" et "Heures." Utilisez la procédure ci-dessus pour créer et renommer les nouvelles couches.

  6. Cliquez sur l'image 1 du "Interface" couche et dessiner l'interface d'horloge. Ceci est la forme de l'horloge. Alternativement, vous pouvez copier la conception de fond sur ce cadre si vous avez créé ailleurs.

  7. Cliquez sur l'image 1 du "Secondes" couche et tracer une ligne droite.




  8. Sélectionnez la ligne et appuyez sur F8. Sélectionner "Clip vidéo" parmi les options qui apparaissent et nommez- "Secondes" sous le "Nom" domaine. Sélectionnez le carré en bas au centre sous la "Inscription" section.

  9. Presse "D'ACCORD."

  10. Sélectionnez la ligne (maintenant "Secondes") Et le positionner au centre de la conception de l'horloge.

  11. Nom "Secondes" à "Sec_mc" sous la zone de texte de l'instance située en dessous de la scène dans la section "Propriétés." Ceci est le "Secondes" aiguille.

  12. Cliquez sur l'image 1 du "Procès-verbal" couche.

  13. Prendre "Secondes" de la Bibliothèque (Ctrl + L pour ouvrir la bibliothèque) et le placer sur la conception de l'horloge. Positionner de manière appropriée comme le "Secondes" aiguille et de réduire en taille, plus courte que la "Secondes" aiguille. Ceci est votre "Procès-verbal" aiguille.

  14. Cliquez sur l'image 1 du "Heures" couche.




  15. Faites glisser le "Secondes" clip sur le panneau Bibliothèque. Réduire sa taille, plus courte que la "Procès-verbal" aiguille. Ceci est votre "Heures" aiguille.

  16. Cliquez sur l'image 1 du "Actes" couche et appuyez sur F9.

  17. Copiez et collez le code ci-dessous sur la page qui apparaît:

    temps = new Date () -
    secondes = time.getSeconds ()
    time.getMinutes minutes = ()
    heures = time.getHours ()

    heures = heures + (minutes / 60)
    GO

    secondes = secondes6-
    minutes = minutes
    6-
    heures = 30 heures *;

    sec._rotation = secondes
    GO
    min._rotation = minutes
    GO
    hour._rotation = heures;

  18. Presse "Ctrl + Entrée" pour afficher l'horloge.

» » » » Comment faire pour créer une horloge analogique Flash