ADOBE Flash è un software grafico, diventato leader di settore per la creazione di accattivanti esperienze interattive. Per saperne di più http://it.wikipedia.org/wiki/Adobe_Flash o sul sito di adobe http://www.adobe.com/it/products/flash/?promoid=BPBPL. Ma non vorrei parlare di FLASH, ma di un piccolo tutorial su come creare un orologio digitale in flash, per poi inserirlo sul proprio sito o blog. Girovagando per il web vedo che non c’è sito o blog che non abbia un orologio o un’animazione in flash.
Per questo ho deciso di creare questo mini Viedotutorial, cosi potete crearne uno a vostro piacimento, modificandolo e impostandolo secondo le vostre esigenze. Per iniziare dovreste avere il software ADOBE Flash. Chi non ne è in possesso, può scaricare una copia di prova(demo) in italiano (dopo una veloce registrazione), sul sito di adobe: https://www.adobe.com/cfusion/tdrc/index.cfm?loc=it%5Fit&product=flash.
Seguite il video tutorial e divertitevi:



Il codice Action Script:
_______________________________________
_root.onEnterFrame = function() {
myDate = new Date();
orologio.ora=myDate.getHours();
orologio.min=myDate.getMinutes();
orologio.sec=myDate.getSeconds();
if(orologio.sec<10){
orologio.sec="0"+orologio.sec; }
if(orologio.min<10){
orologio.min="0"+orologio.min; }
if(orologio.ora<10){
orologio.ora="0"+orologio.ora;
}
}
_________________________________________________
Download esempio Flash MX
Download esempio Flash CS


Articoli correlati per categorie




 Abbonati gratis a questo blog      

50 commenti

  1. Annarita // 12 gennaio 2009 20:47  

    Ciao bestar. Come vedi sono qui. Mi hai tenuto nascosto sino ad ora un bel blog come questo???

    Vedrai che passerò spesso a trovarti.

    Buon lavoro e congratulazioni. Ti metto subito nei miei feed.

    baciotti
    annarita

  2. bestar // 12 gennaio 2009 21:01  

    ma grazie...sei dolcissima...
    1 abbraccio...

  3. germana // 13 febbraio 2009 22:59  

    Bravo come sempre bestar, passerò spesso di qui ho sempre tanto da imparare..
    grazie e buona serata

  4. Anonimo // 21 marzo 2009 11:27  

    ciao scusa ma perchè il mio orologio parte da un orario diverso (alle 11:20 lui mi segnala le 00:20)? da dove si regola? grazie, ottima guida!

  5. bestar // 21 marzo 2009 19:06  

    @ Anonimo: ciao..dovresti sapere che il codice actionscript non fa altro che, recuperare i dati dal tuo pc, cioè va a leggere l'ora del tuo computer e lo fa vedere sotto formato swf..penso che sia l'unico problema...prova a sistemare l'ora del pc e fammi sapere...se hai altre domande non esitare a chiedere...se posso ti aiuto....

  6. Anonimo // 22 marzo 2009 19:53  

    guarda sei gentilissimo! sono l'anonimo di cui sopra... :-) purtroppo noto che le ore sono ferme a zero mentre i minuti sono perfettamente sincronizzati all'orologio della mia barra... adesso il mio pc segna le 19:52 mentre l'orologio flash segna le 00:52. eppure ho seguito tutto alla lettera...

  7. bestar // 22 marzo 2009 20:15  

    @ Anonimo: ciao.. ho inserito il file d'esempio da scaricare e provare per confrontare il tuo con il file originale che ho creato durante il tutorial..si trova alla fine del tutorial, sotto al codice actionscript...fammi sapere..

  8. Anonimo // 22 marzo 2009 22:54  

    quindi un orologio di questo messo su un sito si "regola" in automatico con l'orologio del pc in cui viene visto il sito? quindi se il pc ha l'orologio non in orario anche lui sarà non in orario?

  9. Anonimo // 22 marzo 2009 22:56  

    purtroppo il tuo file non viene aperto da mx!!!

  10. bestar // 22 marzo 2009 23:23  

    @ anonimo: mi dispiace...ho usato flash cs3..
    ma non ti preoccupare..risolveremo tutto...
    seondo me, non hai inserito un nome alla "VARIABILE" "Ora", altrimenti non funzionerebbero neanche i minuti e i secondi... appena posso ti invio il file in flash MX..
    controlla bene se le variabili sono inserite correttamente e fammi sapere..

  11. bestar // 22 marzo 2009 23:49  

    @ Anonimo: ho inserito il download per il file in Flash MX..fammi sapere

  12. Anonimo // 24 marzo 2009 10:50  

    miii strepitoso! scarico e poi ti dico... (davvero gentilissimo!)

  13. bestar // 24 marzo 2009 11:27  

    ciao...puoi identificarti gentilmente????
    a dire la verità: L'Anonimo non è ben visto da noi blogger..(anche se non è il tuo caso)..
    ma almeno so un nome o meglio ancora conosco un viso..
    sto preparando anke altri tutorial in flash e penso che.... :):):)
    spero di esserti stato d'aiuto..

  14. Anonimo // 24 marzo 2009 23:26  

    sei davvero gentilissimo. tutto ok e tutto risolto: semplicemente (non odiarmi!!!) scrivevo "ore" anzicchè "ora".

    posso chiederti se il procedimento è simile anche per una riga col calendario?

    grazie,
    sergio (perdona l'anonimo usato fin ad ora. se c'è la funzione a disposizione penso serva a poterla usare! tutto qui!)

    grazie ancora!

  15. bestar // 25 marzo 2009 10:39  

    @ Sergio: sono contento di esserti stato d'aiuto..
    :):):)
    x la seconda domanda? vuoi inserire 1 calendario?
    puoi spiegarti meglio??
    ciao..

  16. Anonimo // 26 marzo 2009 11:23  

    cioè, con la stessa struttura (00/00/00) vorrei inserire gg/mm/aa o gg/mm/aaaa...

    a dire il vero vorrei chiederti anche un'altra cosa... riguardo l'apertura di una popup... perdonami ma sono assolutamente un neofita autodidatta!!! sergio

  17. bestar // 26 marzo 2009 19:08  

    ciao Sergio....per aggiungere la data devi seguire la stessa struttura...se hai bisogno chiedi pure...
    x la popup: in flash o java???
    fammi sapere..

  18. Anonimo // 26 marzo 2009 23:36  

    1- stessa struttura, ma che comandi nello script? grazie!

    2- vorrei aprire da flash una popup ma non ci riesco. ho trovato uno script buono ma in questo vorrei aggiungere che la popup abbia la barra di scorrimento verticale e non lo so fare! spero mi aiuterai! sei davvero gentilissimooo!!!

    script che ho trovato:
    on (release) {
    getUrl ("javascript:window.open('finestra_da_aprire.htm','nName', 'width=557" add width add ",height=320"
    add hdth add ",top='+((screen.availHeight/2)-(" add hdth/2 add"))); void(0);");
    }

  19. bestar // 27 marzo 2009 22:14  

    ciao Sergio..
    aggiungi il cod sotto al codice dell'orologio:
    _____________________________________
    orologio.gg=myDate.getDate();
    orologio.mese=(myDate.getMonth()+1);
    orologio.anno=myDate.getFullYear();
    if(orologio.gg<10){
    orologio.gg="0"+orologio.gg;
    }
    if(orologio.mese<10){
    orologio.mese="0"+orologio.mese;
    }
    _________________________________

    fammi sapere....

  20. bestar // 27 marzo 2009 23:43  

    @ Sergio: per la popup t'ho fatto 1 tutorial...
    è semplicissimo..
    ciao...fammi sapere...

  21. Anonimo // 28 marzo 2009 23:52  

    per il calendario. creo gli altri 3 testi dinamici, metto nelle var di ognuno gg, mese, anno. li metto nel clip "orologio" ma non va. forse non so bene integrarli allo script di prima... puoi gentilmente mettere tutto lo script per intero (orario + calendario) oppure dirmi se sbaglio nella procedura? grazie!

  22. bestar // 29 marzo 2009 11:07  

    ciao Sergio...sicuramente gli aggiungi dopo } di chiusura, per questo ti da errore..
    il cod completo è:
    __________________________________________________

    _root.onEnterFrame = function() {
    myDate = new Date();
    orologio.ora=myDate.getHours();
    orologio.min=myDate.getMinutes();
    orologio.sec=myDate.getSeconds();
    if(orologio.sec<10){
    orologio.sec="0"+orologio.sec; }
    if(orologio.min<10){
    orologio.min="0"+orologio.min; }
    if(orologio.ora<10){
    orologio.ora="0"+orologio.ora;
    }
    orologio.gg=myDate.getDate();
    orologio.mese=(myDate.getMonth()+1);
    orologio.anno=myDate.getFullYear();
    if(orologio.gg<10){
    orologio.gg="0"+orologio.gg;
    }
    if(orologio.mese<10){
    orologio.mese="0"+orologio.mese;
    }
    }

    ______________________________________________


    il cod POPUP andava bene???
    fammi sapere...
    ciao..

  23. Anonimo // 30 marzo 2009 14:54  

    calendario perfetto! infinitamente grato!!!

  24. Anonimo // 30 marzo 2009 15:17  

    come ti dicevo tutto perfetto. sia il calendario/orologio che la popup. avrei una piccola domanda: vorrei fare un player (a un solo bottone play/stop) per inserire una musica sottofondo... ma come? sono certo che mi aiuterai! grazie!!! sergio

  25. bestar // 30 marzo 2009 23:44  

    ciao anonimo Sergio...sono contento che è andato tutto bene...per la musica di sottofondo devi avere un po di pazienza...appena ho un po di tempo preparerò un post...a presto..

  26. el_fuego // 9 aprile 2009 01:34  

    Ciao molto utile questo tutorial!

    Sapresti spiegarmi come creare un orologio con le lancette??

    Ti sarei molto grata!

  27. bestar // 9 aprile 2009 09:11  

    ciao el_fuego e benvenuta...
    grazie per le tue parole...
    vai su:

    http://bestar-space.blogspot.com/2009/03/creare-un-orologio-analogico-con-flash.html

    per qualsiasi cosa, non esitare a chiedere...
    se posso ti aiuto volentieri...
    a presto...

  28. redteo // 28 luglio 2009 21:41  

    Ciao complimenti. sono nuovo di flash.
    ho seguito con successo il tutorial.
    ma vorrei chiederti questo.
    como posso creare un video flash con l´orologio che duri solo, ad esempio, dieci secondi?
    in modo da passarlo ad esempio insieme ad altri filmati flash?

  29. bestar // 28 luglio 2009 22:04  

    ciao Redteo...benvenuto e grazie...
    potresti spiegarti meglio??? - non ho capito bene la tua domanda....

  30. redteo // 29 luglio 2009 16:05  

    ho risolto, non riuscivo a fare una cosa perché essendo all´estero mi cimentavo con cs4 in portoghese.

    ma. se volessi ad esempio avere 4 orologi nella stessa videata. del tipo: ora locale,tokyo,newyork,londra.
    come faccio? ho dato una scorsa anche all´orologio analogico.
    e ho provato a fare un layer differente per ogni orologio. modificando la varibile dell´ora.
    tokyo:min:sec. poi ad ogni simbolo cosí creato o riapplicato lo script modificando l´ora:
    orologio.ora=(myDate.getHours()+5);
    per avere l´ora italiana quí devo aggiungere 5.
    ma non funziona.
    ho provato anche a cambiare nome alla variabile della funzione:
    _root.onEnterFrame = function() {
    myDate2 = new Date();
    tokyo.tokyo=(myDate2.getHours()+7);
    tokyo.minuti=myDate2.getMinutes();
    tokyo.secondi=myDate2.getSeconds();
    if(tokyo.secondi<10){
    tokyo.secondi="0"+tokyo.secondi; }
    if(tokyo.minuti<10){
    tokyo.minuti="0"+tokyo.minuti; }
    if(tokyo.tokyo<10){
    tokyo.tokyo="0"+tokyo.tokyo;
    }
    }
    [+7 da l´ora italiana a quella di tokyo
    sicuramente sbaglio perché non conosco qualche regola fondamentale..
    grazie in anticipo.

  31. bestar // 29 luglio 2009 17:04  

    ciao Redteo...
    vedo che cmq ci eri quasi arrivato...
    prova cosi:
    ____________________________________________

    _root.onEnterFrame = function() {
    myDate = new Date();

    // codice per italia

    orologio.ora=myDate.getHours();
    orologio.min=myDate.getMinutes();
    orologio.sec=myDate.getSeconds();
    if(orologio.sec<10){
    orologio.sec="0"+orologio.sec;
    }
    if(orologio.min<10){
    orologio.min="0"+orologio.min;
    }
    if(orologio.ora<10){
    orologio.ora="0"+orologio.ora;
    }

    //codice per tokyo

    tokyo.ora=myDate.getHours()+7;
    tokyo.min=myDate.getMinutes();
    tokyo.sec=myDate.getSeconds();
    if(tokyo.sec<10){
    tokyo.sec="0"+tokyo.sec;
    }
    if(tokyo.min<10){
    tokyo.min="0"+tokyo.min;
    }
    if(tokyo.ora<10){
    tokyo.ora="0"+tokyo.ora;
    }
    }

    _____________________________________________

    naturalmente devi creare un altro simbolo orologio e in proprietà devi inserire come "nome instanza" - tokyo
    ------------------------------------
    puoi usare lo stesso esempio anche per gli altri paesi...

    fammi sapere...

  32. redteo // 29 luglio 2009 19:44  

    prefetto!
    ne vorei approfittare con altre domande e magari ricambiare, ma, quí non é il caso anche perché non é il modo opportuno e ot.
    se vuoi matteo consolati su facebook o happychip su skype mi mandi un msg con la tua mail e ti scrivo.

  33. bestar // 30 luglio 2009 18:42  

    ciao Redteo...
    sono contento che il problema si è risolto...
    per le domande non ti preoccupare...puoi fare tutte le domande che vuoi...se posso ti aiuto...
    puoi inviarmi email, cliccando sul pulsante "Contact", nel menu in alto, a destra del banner..
    a presto...

  34. luis-brianza // 27 ottobre 2009 14:11  

    ciao bestar riguardo il programma flash da scaricare ho trovato adobe flash c23 professional può andare bene, è come il tuo?sono 401 mb di volume ciao 

  35. bestar // 27 ottobre 2009 14:13  

    CIAO LUIS...
    VA BENISSIMO...

  36. Luca_Speed // 19 gennaio 2010 10:37  

    Ciao bestar, vorrei farti due domanda non inerenti a questo argomento...

    1. Qual è la differenza tra Webmaster e Programmatore (Nel senso di C++ o altri)?

    2. Esiste una scuola per programmazione di giochi e programmi per Pc o altre console?

    Lo chiedo a te visto che tu penso sia un Webmaster poi non so =) sono al 5° anno di superiori e quando finirò quest'anno vorrei chiarirmi le idee inquanto io vorrei continuare all'università per poi specializzarmi ancora e ancora. Vorrei programmare Giochi e Programmi per lo più. Puoi aiutarmi?

  37. bestar // 19 gennaio 2010 12:23  

    Ciao Luca_Speed...
    Risponderti in due parole non è facile...
    Il programmatore è colui che scrive programmi utilizzando un linguaggio di programmazione.
    Il webmaster invece, è colui che progetta risorse online, siti web, blog ed è il responsabile di essi. Di solito un webmaster possiede diverse competenza tecniche di web design e di programmazione.
    Un programmatore web che si occupa sia del codice che della grafica di un sito, non si chiama più tale ma prende il nome di webmaster.
    per quanto riguarda le scuole di programmazione giochi e software per PC, fai una ricerca su google per vedere se trovi qualcosa vicino a te....
    fammi sapere...

  38. Luca_Speed // 19 gennaio 2010 16:13  

    Grazie 1000 =) Quindi in pratica tu saresti un Webmaster?

  39. bestar // 19 gennaio 2010 16:42  

    ciao Luca_Speed...
    un WebMaster??? io???? - mmmmmmmmmmmm
    si e no...
    <mi>...</mi>

  40. Anonymous // 19 gennaio 2010 17:02  

    Senti, un ultima domanda, ho provato a fare il tuo tutorial, è andato tutto alla grande ora, si può mettere nel mio forum? Se è si, come?

  41. Luca_Speed // 19 gennaio 2010 17:06  

    Delle ultime domande... Ho seguito il tuo tutorial alla perfezione e mi è uscito bene, io non sono per niente pratico di FlashPlayer infatti non ci capisco un acca, il mio per lo più è in inglese quindi ho avuto qualche difficoltà a seguire il tuo tutorial, ma, per mia fortuna so l'inglese =). Ecco le mie domande:

    1. Esiste un file per tradurre il mio Flash in italiano?

    2. Posso mettere l'orologio creato il flash nel mio forum? Se è si, come?

    3. Esiste la possibilità di aggiungere uno sfondo dietro l'orologio?

    Grazie 1000 per le risposte precedenti :) :)

  42. bestar // 19 gennaio 2010 17:25  

    Ciao Luca_Speed...
    se sai benissimo l'inglese, ti consiglio di usare non solo flash ma tutti gli altri software in inglese...
    per mettere l'orologio che hai creato nel tuo forum, ti lascio il link sotto: http://bestar-space.blogspot.com/2008/12/come-inserire-filmati-flash-nel-blog.html
    anche se il post l'ho scritto per blogger, come procedura è (quasi) uguale anche per siti o forum...
    per aggiungere uno sfondo sotto l'orologio, ti basta aggiungere un layer sotto tutti layer, importare e sistemare l'immagine sotto l'orologio ed il gioco è fatto....
    fammi sapere...
    inviami anche il link del tuo forum...
    ciao....
    fammi sapere

  43. Luca_Speed // 19 gennaio 2010 18:28  

    Grazie per i tuoi consigli =) Sei Mitico =P Ti invierò al più presto un link del mio forum =D

  44. bestar // 19 gennaio 2010 18:33  

    mondotropicale??????

  45. Luca_Speed // 19 gennaio 2010 18:36  

    Come lo fai a sapere =\

  46. Giuseppe // 27 agosto 2010 16:41  

    Io ho seguito alla lettera la spiegazione ma come Sergio la lancetta dell'ora non si muove e poichè credevo di aver fatto tutto bene ho salvato il file, riaprendolo non mi ridà i livelli di prima con la riga dell'actions ma solo LIVELLO1 però con l'esercizio completo, come posso controllare in questo modo cos'è sbagliato?

  47. bestar // 27 agosto 2010 17:16  

    Ciao Giuseppe...
    Puoi spiegarti meglio... hai eseguito il tutorial dell'orologio digitale o analogico???

  48. Giuseppe // 30 agosto 2010 10:33  

    Tutto risolto, ti ringrazio per la risposta, non so perchè ma rifacendo un esercizio dall'inizio sono riuscito a far funzionare l'orologio, l'unico problema resta quello dei livelli. Quando salvo un progetto come ad esempio questo tuo dell'orologio, riaprendolo non trovo più né i livelli né tantomeno il codice in azioni nel livello ACTIONS, mi ritrovo solo con un livello chiamato CLOCK (cioè il primo), come se tutto si fosse raggruppato lì, manco il codice ti ripeto c'è. E a me serve visualizzare tutto poichè sti esercizi devo farli vedere al prof visto che ho un esame :-)
    Grazie ancora anticipatamente sia per le risposte sia perchè mi stai salvando da una bocciatura ;-)

  49. Giuseppe // 30 agosto 2010 12:00  

    Aggiungo - mi sono dimenticato prima quindi scusa per il doppio post - che io uso la CS5.

  50. Giuseppe // 31 agosto 2010 12:10  

    <span>Wow ti ringrazio per i file, un altro esercizio come quello analogico è ben accetto <img></img> 
    No è la MASTER COLLECTION, intera con tanto di licenza. 
    Ho notato che solo l'esercizio mio dell'orologio non ha il codice, altri che ho fatto (come la pallina che rimbalza - senza ombra però, sai come posso mettere l'ombra? -) ce l'hanno il codice. Anche i tuoi che ho preso dal link che mi hai incollato ce l'hanno. Può dipendere dal fatto che l'esercizio dell'orologio (mio) è fatto con un immagine di sfondo (ho creato solo le lancette di mio) e quindi i codici non si vedono perchè "nascosti" nell'immagine bitmap? 
    Grazie anticipatamente come sempre, se hai altri link con tutorial dove posso imparare a creare altre cose ti sarei gratissimo!!! 
    Ciaoooo</span>

Posta un commento