Come creare un FLV Preloader in AS3

January 30

Se l'applicazione Flash è sempre più grande e più complessa, il tempo necessario per completamente carico è in aumento. I visitatori potrebbero irritarsi e lasciare il vostro sito web prima del caricamento di animazione. Per ovviare a questo problema è possibile creare un preloader che mostra al lettore quanto tempo deve aspettare fino a quando il file FLV è completamente caricato. Il progresso è calcolato utilizzando uno script di relativamente semplice ActionScript 3 (AS3). Tutto quello che dovete fare è creare l'interfaccia grafica e utilizzare il codice AS3.

istruzione

1 Aprite Adobe Flash e creare un nuovo filmato Flash utilizzando ActionScript versione 3.0. Non è necessario modificare le impostazioni.

2 Fare doppio clic sul layer di default sulla timeline, tipo di contenuto e premere "Invio" per rinominarlo. Fare clic sul pulsante "Inserisci livello" per creare un secondo strato e denominarlo Azioni.

3 Fare clic sul livello di contenuti, selezionare lo strumento Rettangolo, selezionare alcuni colori e disegnare un rettangolo all'interno del vostro livello. Potrai utilizzare questo rettangolo come il bar preloader.

4 Seleziona lo strumento Seleziona e selezionare il contorno bar. Premere il tasto "F8" per convertirlo in un simbolo, selezionare Clip filmato come tipo di simbolo e il nome Outline.

5 Fare clic sul corpo del bar con lo strumento di selezione ancora attiva, premere il tasto "F8", impostare il tipo di clip filmato, il nome Bar e impostare il punto di registrazione sul lato sinistro. Premere il tasto "OK".

6 Vai alla ispezione Proprietà, mentre il bar è ancora selezionato, digitare "bar_mc" senza virgolette nella casella di testo Nome istanza e premere "Invio". Vai al menu Modifica, selezionare l'opzione Disponi e fare clic su Invia per eseguire il per garantire che il bar non copre il contorno.

7 Selezionare lo strumento Testo e disegnare un piccolo campo di testo sotto la barra. Impostare il tipo di testo dinamico nella finestra di ispezione Proprietà. Impostare il tipo di font e digitare "loader_txt" senza virgolette nella casella Nome istanza.

8 Fare clic sul livello Azioni, fare clic con il frame predefinito e selezionare Azioni dal menu a discesa per aprire la finestra Azioni.

9 Inserisci questo codice nella finestra Azioni:

Stop();
this.addEventListener (Event.ENTER_FRAME, carico);
funzione di caricamento (e: Event): void {
var total: Number = this.stage.loaderInfo.bytesTotal;
var caricati: Number = this.stage.loaderInfo.bytesLoaded;
bar_mc.scaleX = carico / totale;
loader_txt.text = Math.floor ((caricato / totale) * 100) + "%";
se (== totale caricato) {
giocare();
this.removeEventListener (Event.ENTER_FRAME, carico);
}
}

Si inizia con l'arresto (); funzione per assicurarsi che il preloader non inizia prima che tutti i dati è presente e pronto. La funzione di caricamento () recupera la quantità di dati che devono essere caricati e la quantità di dati già caricato, visualizza la quantità di dati è stata caricata (in percentuale) e verifica che tutti i dati sono stati caricati prima di iniziare l'applicazione Flash.

10 Chiudere la finestra Azioni e salvare e costruire il progetto per creare il preloader FLV.