Guida per realizzare un orologio digitale in flash come quelli che si possono trovare sparsi per il web.

Il nostro orologio sarà semplice, sia perchè useremo del codice actionscript molto intuitivo e sia perchè si baserà sulla data del computer sul quale esso viene riprodotto, che potrebbe essere sbagliata o comunque diversa rispetto a quella universale di un web server.

Bene, apriamo un nuovo File Flash (Actionscript 2.0), magari salviamolo con il nome che vogliamo e cominciamo ad inserire un livello nella timeline che chiamiamo "actions" e che blocchiamo subito.

Inseriamo altri 2 livelli, che chiamiamo rispettivamente "campi" e "grafica".

Sul livello grafica disegniamo una sorta di orologio con un bel display ampio e sul livello campi posizioniamo due campi di testo dinamico ai quali diamo come nome istanza "info" e "info2".
In particolare ad "info" lasciamo impostato l'allineamento del testo a sinistra e lo posizioniamo in modo che il suo lato sinistro vada a compaciare con il lato sinistro interno del display.
A "info2" impostiamo l'allineamento del testo a destra e analogamente a "info" facciamo compaciare il suo lato destro con il lato destro interno del display.
Alla fine di queste semplici operazioni ecco come dovrebbe essere il nostro stage:



Adesso non ci resta che realizzare il "motore" del nostro orologio.
Selezioniamo il primo fotogramma del livello "actions" ed apriamo il pannello Azioni (tasto F9 oppure dal menu Finestra -> Azioni).
Il codice da inserire è:

Codice: Seleziona tutto

I codici sono visibili solo agli utenti del forum, registrati e avrai pieno accesso alle nostre risorse

Ora usciamo dal pannello Azioni ed inseriamo nel livello "actions" un secondo fotogramma chiave (tasto destro sul fotogramma vuoto e scegliamo "Inserisci fotogramma chiave" oppure dal menu Inserisci -> Linea temporale -> Fotogramma chiave o ancora semplicemente premendo il tasto F6) al quale diamo come azione:

Codice: Seleziona tutto

I codici sono visibili solo agli utenti del forum, registrati e avrai pieno accesso alle nostre risorse

Inoltre inseriamo un fotogramma semplice (tasto destro sul fotogramma vuoto e scegliamo "Inserisci fotogramma" oppure dal menu Inserisci -> Linea temporale -> Fotogramma o ancora semplicemente premendo il tasto F5) dopo il primo fotogramma di ognuno degli altri 2 livelli.
Questa procedura servirà a far scorrere il tempo, perchè il continuo passaggio da un fotogramma all'altro aggiornerà le variabili in gioco.



In foto viene mostrato come inserire un campo di testo dinamico, un nuovo livello e un fotogramma chiave.


Non ci resta che salvare e pubblicare il nostro orologio digitale che dovrebbe presentarsi più o meno così.
Da qui invece potete scaricare il file sorgente.
Buon divertimento!

Grazie mr87 per questo graditissimo tutorial !

Mettiamolo in rilievo per un pochettino

Oggi ci provo io, rimani a disposizione per eventuali problemi

Di nulla supercapocc spero di essere stato di aiuto!
Per qualsiasi problema sono qui.

domandina : come salvo tutto il lavoro in un unico file .swf?

edit : ci sono riuscito


domanda : come taglio tutto il contorno non necessario ?

Grande supercapocc! Mi piace!
Comunque basta che imposti le dimensioni dello stage in modo che contengano esattamente l'orologio.

ok, adesso che ho capito la dinamica

ehi, cmq ti posso consigliare di modificare il post inserendo un altro paio di screenshot in particolare come si fa a inserire un fotogramma, lo strumento testo dinamico e altri dettagli tecnici.

giusto per chi si affaccia per la prima volta su questo software

ottima guida paesà

Ho fatto del mio meglio spero aiuti!

sicuramente ha aiutato me, adesso ci sto prendendo la mano



la grafica è fatta con photoshop, con una shape che ho scaricato su deviant art, ho anche quella dell'alfa romeo, se a qualcuno interesasse.

flash-boy, adesso aspetto il tutorial per fare l'mp3 player

E me lo dici solo adesso che hai il biscione in flash