Oggi vedremo come creare un preload in Flash che segua il mouse.

In questo esempio viene realizzato un prealod con percentuale progressiva che segue il mouse.

Creare un Preload flash che segue il Mouse

Andiamo a vedere insieme il codice utilizzato

Il progetto si divide in 2 frame, il primo utilizzato per il preload e il secondo per inserire il progetto successivo

  • Primo frame

stop();
//rendo invisibile il mouse
Mouse.hide();
//attivo startDrag del clip carica
startDrag("carica", true);
carica.onEnterFrame = function() {
//calcolo la percentuale di precaricamento
_root.percentuale = Math.floor(((getBytesLoaded()/getBytesTotal())*100));
//Scrivo nel testo dinamico la percentuale
_root.carica.pct.text = _root.percentuale+"%";
//Se la percentuale e > o = a 100
if (percentuale>=100) {
//Diminuisco l'alpha
_root._alpha -= 5;
//Se alpha è < o = a 100
if (_root._alpha<=0) {
//vado al fotogramma 2
_root.gotoAndPlay(2);
//Cancello questa funzione
delete carica.onEnterFrame;
}
}
};

  • Secondo frame

stop();
//Rendo visibile il puntatore del mouse
Mouse.show();
onEnterFrame = function () {
//Aumento l'alpha
_root._alpha += 10;
//Se l'apha è > o = 100
if (_root._alpha>=100) {
//cancello questa funzione
delete this.onEnterFrame;
}
};

Vi consiglio di visitare questa raccolta di preload in flash

Scarica il sorgente
Guarda il Tutorial

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

7 Commenti

  1. DearHallCat

    GRANDISSSIIIIIIIIIIMMMMMMMMMMMMOOOOOOOOOOOOOOOO !

    avevo giusto inserito un commento nell’articolo precedente a riguardo! SEI UN GRANDEEEEEEEEEEEEEEEEEEEEEEE HEHEEHHEHEHEHHEHEHHEH :) :)

  2. Ciao Julius.
    Sono Fra di Tbtv. Ti scrivo qui(scusa, sono affezionato ai comments) per dirti che finalmente siamo pronti! che il periodo di riorganizzazione che ci ha tenuto impegnati in questo ultimo periodo è praticamente terminato.
    Ulteriori migliorie possiamo raggiungerle soltanto se tu, noi e gli altri che ci hanno frequentato renderemo tbtv un luogo di ricerca continua, di sperimentazione, di denuncia e cazzeggio…
    Non ti dico altro. Fai prima a leggerti il post pubblicato oggi sul nostro blog(http://blog.theblogtv.it/2008/02/15/ricominciamo-da-teaprendo-il-forum/), dove si segnalano le prime due novità di quest’era, a cui ne seguiranno molte altre(molto presto).
    Ovviamente saremmo felici di sapere che ne pensi(commenta, pinga-magari!-, raccontacelo sul forum, insomma, fai come ti pare).

    Grazie e scusami se sono stato dilunghevole

    P.S. Complimenti per le tue cose: di una qualità assoluta! Leggo che ti si dà del Dio, quindi il commento non credo ti soprprenderà più di tanto, ma lo dico sinceramente;)

  3. ciao julius grande questo preloader. Ho una domanda: come faccio a mettere un preload in un sito html perche ho provato in dreamweaver con il comportamento-carica previa delle immagini pero ho sempre lo stesso problema al caricare il sito si caricano separatamente le immagini mentre vorrei che l’utente vedesse tutto di un pezzo… insomma se il sito fosse in flash so come metterle un preload ma in questo caso è in html :s
    Se sai come farlo o hai un’altra idea ti ringrazio in anticipo :)
    grazie

  4. Il caricamento di una pagina html è in base alla velocità di connessione…

    Non è uguale a flash, non si puo mettere un preloader…

  5. Ciao Julius, come sempre il mito per eccellenza riguardo il ns lavoro.

    se quel preload fosse un file esterno caricato con loadmovie non avrebbe funzionato lo sai? ti risulta?

    conosci un metodo per ovviare a questo problema?

    io ho una cosa simile, richiamo un immagine da un db che normalmente se è ferma si vede tranquillamente, se invece deve seguire il mouse il movieclip dove dovrebbe caricarsi la foto è vuoto. si muove si… segue il mouse, ma è vuoto!

    puoi darmi una voce?

    Grazie mille, Andrea

Commenti