Discuti il tutorial sul forum !
Creare un preloader con barra di avanzamento
Obiettivo
In questo articolo tratteremo come creare un preloader con barra di avanzamento.
Il preloader
Con la parola preloader, identifichiamo una animazione che viene eseguita prima dell'animazione principale
Articolo
In flash, le funzioni che ci vengono d'aiuto per la costruzione del nostro preloader sono due:
getBytesLoaded()
che restituisce il numero di byte caricati fino a quel momento
e
getBytesTotal()
che ci da la dimesione dei byte da caricare.
La cosa che dobbiamo fare e' un ciclo che finisce quando i bytes caricati sono uguali a quelli totali.
Per far cio', dobbiamo mettere nei primi due frame, il ciclo e a partire dal terzo frame il filmato vero e proprio.
Nel primo e nel secondo frame mettiamo il seguente codice:
bytes_loaded = _root.getBytesLoaded();
bytes_total = _root.getBytesTotal();
getPercent = Math.floor((bytes_loaded*100)/bytes_total);
if (bytes_loaded == bytes_total) {
gotoAndStop(3);
}
framenum= getPercent;
_root.barra.gotoAndStop(framenum); //va al frame della barra
corrispondente alla percentuale caricata (tra 0 e 100)
Nel secondo frame pero' dobbiamo aggiungere
_root.gotoAndPlay(1);
affinche' possa avvenire il ciclo.
La barra
Adesso creiamo la barra che ci rappresenta la percentuale di bitys caricati.
Creiamo un nuovo movieclip e lo mettiamo nello stage in un layer "barracaric" con nome d'istanza "barra" in corrispondenza del primo e del secondo frame dello stage.
Il movieclip sarà bene o male cosi:


Cioè una animazione di 100 frame che corrispondono alla percentuale che va da 1 a 100.
Correlati
- Creare un file word al volo con asp
- creare un file xml per feed rss
- Creare un file dtd valido
- Creare Interfaccia Utente in vba
- creare e cancellare un database con phpmyadmin
- creare una tabella con phpmyadmin
- Creare un rettangolo con bordi 3d con i css
- Creare un box con effetto shadow con i css
- Creare favico animate
- Creare un linea con DOM
- messaggio di testo sulla barra di stato in javascript
- Creare dei linkage al primo frame in flash
- Creare uno slider per controllare il volume in flash
- Cambiare colore alla barra laterale
- Creare gioco breakout in flash
- Creare un gioco dadi in flash
- Creare una pagina con layout a 3 colonne con i css
- creare un foglio excel in java
- Creare un preloader di suoni esterni in flash
- Creare un semplice form che invia dati pagina php in flash
- Creare un file xml al volo in php
- Creare sistema tell a friend in php
- Preloader di file xml in flash
- Creare una text field in modo dinamico in flash
- Creare un loading per le nostre pagine
- Preloader di file xml (altro metodo) in flash
- Creare grafico a torta in flash
- Creare una tabella accessibile in html
- Creare uno scrolling orizzontale di news scritte in un file di testo in php
- Jni creare dll con microsoft visual studio
- Creare un semplice menu in dhtml
- Creare un menu dhtml completo
- Creare thumbnails con le librerie grafiche gd
- Creare un menu a tabs con i css
- Creare un gioco isometrico (parte 1)
- Creare un gioco isometrico (parte 2 dinamicità )
- Creare un gioco isometrico (parte 3 muri e oggetti)
- Creare una calcolatrice in flash
- Creare grafico a torta in flash da un file xml
- Creare un sistema di visione panoramica in flash
- Creare un orologio con lancette
- Creare un grafico a barre dinamico
- Creare leggere e cancellare cookies in javascript
- Creare un file rss dinamico con php
- Creare un motore di ricerca nei files con flash e php
- Creare un semplice preloader in flash
- Creare un preloader con barra di avanzamento
- Creare un preloader con loader circolare con flash
- Creare un preloader con loader circolare
- Creare un sistema per annotare informazioni in javascript
- Creare un circuito rotazione banner in javascript
- Creare un completo sistema di gestione news con php e ajax
- Creare atom feed in modo dinamico in php
- Creare un sistema di commenti agli articoli in php/mysql
- Creare file autoconfigurante per la connessione a internet
- Creare file autoconfigurante per leggere la posta con outlook express
- Creare gioco auto parte 1
Commenti
Un commento per “Creare un preloader con barra di avanzamento”
Scrivi un commento
































scusa potevi almeno spiegare cosa mettere apposto di framenum e potevi indicare se mettere stop sul terzo frame.bo!!!!