Come creare un orologio analogico in Flash

September 25

Come creare un orologio analogico in Flash


Un orologio aggiunto a un sito web gli conferisce un aspetto più professionale. Per dare tempo esatto, l'orologio di sistema deve essere corretto in quanto questo è ciò che verrà tirato e riflette sul orologio flash. Flash 8 recupera l'orologio di sistema e lo visualizza su un applicazione Flash con codice ActionScript. Molto poche righe di codice sono necessari per fare un orologio analogico. Un design orologio può essere creato utilizzando gli strumenti di disegno o importando da un'altra applicazione come Photoshop.

istruzione

Analog Clock design

1 Selezionare "Nuovo" per iniziare una nuova pagina Flash.

2 Fare clic destro sul lato destro della linea del tempo che si trova sopra il palco e selezionare "Inserisci livello" dal menu a discesa. Viene visualizzato un nuovo livello con l'etichetta "Layer 2".

3 Fare doppio clic sul primo strato e rinominarlo "Azioni". Questo è lo strato dove stiamo andando ad inserire il nostro codice ActionScript che attiverà l'orologio.

4 Fare doppio clic su "Layer 2" e rinominarlo "Interfaccia".

5 Inserire un altro tre strati e il nome \ "secondi, \" \ "Minuti \" e \ "Ore. \" Utilizzare la procedura di cui sopra per creare e rinominare i nuovi livelli.

6 Clicca sul telaio 1 del livello "Interface \" e disegnare l'interfaccia orologio. Questa è la forma dell'orologio. In alternativa, è possibile copiare il disegno di fondo su questo telaio se sono stati creati altrove.

7 Clicca sul telaio 1 del "Secondi \" strato e disegnare una linea retta.

8 Selezionare la riga e premere F8. Selezionare "Movie Clip" tra le opzioni che appaiono e il nome "Secondi" sotto il campo "Nome". Selezionare il quadrato centrale in basso nella sezione "Registrazione".

9 Premere il tasto "OK".

10 Selezionare la riga (ora "Seconds") e posizionarlo al centro del disegno dell'orologio.

11 Nome "Secondi" a "Sec_mc" sotto la casella di testo dell'istanza situato sotto il palco nella sezione "Proprietà". Questo è il "secondi \" \ ago.

12 Clicca sul telaio 1 del \ "Minuti \" strato.

13 Prendere "Secondi" fuori della Biblioteca (Ctrl + L per aprire la libreria) e posizionarlo sul disegno dell'orologio. Posizione in modo appropriato come il \ "\" secondi Ago e ridurlo a dimensioni, più corto del \ "\" ago secondi. Questo è il tuo \ "Minuti \" ago.

14 Clicca sul telaio 1 del \ "Ore \" strato.

15 Trascinare il clip filmato "secondi" fuori dal pannello Libreria. Ridurre le dimensioni, più corta delle \ "Minutes \" ago. Questo è il tuo \ "Ore \" ago.

16 Clicca sul telaio 1 del \ "Azioni \" strato e premere F9.

17 Copia e incolla il codice qui sotto nella pagina che viene visualizzata:

tempo = new Date ();
secondi = time.getSeconds ()
minutes = time.getMinutes ()
ore = time.getHours ()

Ore = ore + (minuti / 60)
ANDARE

secondi = secondi

6;
minutes = minuti 6;
Ore = ore * 30;

sec._rotation = secondi
ANDARE
min._rotation = minuti
ANDARE
hour._rotation = ore;

18 Premere il \ "Ctrl + Invio \" per visualizzare l'orologio.