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
Abbonati gratis a questo blog
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
ma grazie...sei dolcissima...
1 abbraccio...
Bravo come sempre bestar, passerò spesso di qui ho sempre tanto da imparare..
grazie e buona serata
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!
@ 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....
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...
@ 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..
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?
purtroppo il tuo file non viene aperto da mx!!!
@ 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..
@ Anonimo: ho inserito il download per il file in Flash MX..fammi sapere
miii strepitoso! scarico e poi ti dico... (davvero gentilissimo!)
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..
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!
@ Sergio: sono contento di esserti stato d'aiuto..
:):):)
x la seconda domanda? vuoi inserire 1 calendario?
puoi spiegarti meglio??
ciao..
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
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..
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);");
}
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....
@ Sergio: per la popup t'ho fatto 1 tutorial...
è semplicissimo..
ciao...fammi sapere...
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!
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..
calendario perfetto! infinitamente grato!!!
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
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..
Ciao molto utile questo tutorial!
Sapresti spiegarmi come creare un orologio con le lancette??
Ti sarei molto grata!
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...
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?
ciao Redteo...benvenuto e grazie...
potresti spiegarti meglio??? - non ho capito bene la tua domanda....
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.
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...
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.
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...
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
CIAO LUIS...
VA BENISSIMO...
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?
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...
Grazie 1000 =) Quindi in pratica tu saresti un Webmaster?
ciao Luca_Speed...
un WebMaster??? io???? - mmmmmmmmmmmm
si e no...
<mi>...</mi>
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?
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 :) :)
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
Grazie per i tuoi consigli =) Sei Mitico =P Ti invierò al più presto un link del mio forum =D
mondotropicale??????
Come lo fai a sapere =\
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?
Ciao Giuseppe...
Puoi spiegarti meglio... hai eseguito il tutorial dell'orologio digitale o analogico???
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 ;-)
Aggiungo - mi sono dimenticato prima quindi scusa per il doppio post - che io uso la CS5.
<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>