Come creare un preloader in Flash: 5 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:05

Ho deciso di renderlo possibile perché NON PUOI CREDERE a quante persone chiedono "omgzorz come faccio a fare il flash! 1!!! uno!" È veramente noioso. Va bene, cominciamo. Cose di cui hai bisogno:Flash (sto usando CS3, ma puoi usare MX-CS4)Un computer Una versione di prova di flash/copia completa (che puoi ottenere qui)Ovviamente, apri Flash e crea un nuovo file Flash. Sto usando Actionscript 2, BTW.

Passaggio 1: aggiunta di livelli

Per prima cosa, dobbiamo aggiungere 2 livelli alla timeline. Uno chiamato "Azioni" in alto e uno chiamato … "Testo" o "Bar" o "Stuff". Successivamente, dobbiamo aggiungere un fotogramma chiave al livello Azioni e un fotogramma all'altro livello. Quindi prendi lo strumento Testo (T) e seleziona Testo dinamico dalla casella a discesa nella casella delle proprietà, probabilmente ha già selezionato "Testo statico". Ora, disegna un rettangolo con lo strumento Rettangolo (R). assicurati che il riempimento non sia bianco. Crea il riempimento del rettangolo appena creato come clip filmato facendo clic su di esso una volta e premendo F8. Assegna un nome e assicurati che "Clip filmato" sia selezionato e che il punto di registrazione sia in alto a sinistra prima di premere OK. QUESTA PARTE È IMPORTANTE Seleziona il clip filmato che hai creato e nella casella delle proprietà vedrai una casella di testo che dice "Nome istanza". Digita loadBar. Premi Invio. Quindi, seleziona la casella di testo dinamico che hai creato in precedenza e scendi nella casella Proprietà. Dovresti vedere di nuovo la casella di testo del nome dell'istanza, fai clic su di essa. Questa volta, digita textBox. Premere Invio.

Passaggio 2: tempo di codifica

Ora vai sul livello "Azioni". Fare clic sul primo fotogramma. Premi F9 e TYPE in (NON giostrare copia e incolla, pigro. Se lo fai, non lo imparerai mai veramente, che è il punto.):percent = Math.round(getBytesloaded()/getBytesTotal())*100;textBox.text = percent + "%";loadBar._xscale = percent;Spiegherò questo codice riga per riga.percent = Math.round(getBytesloaded()/getBytesTotal())*100;Crea una variabile che divide la percentuale di flash già caricata per la dimensione totale del file flash, quindi la moltiplica per 100 e la arrotonda. textBox.text = percent + "%";Visualizza la variabile percentuale nella casella di testo dinamico che hai creato.loadBar._xscale = percent;Cambia la scala x del rettangolo in base alla percentuale.

Passaggio 3: più codice

Ora, fai clic sul secondo Keyframe del livello "Azioni". Premi F9. DIGITA questo dentro. Ancora una volta, non copiare e incollare, non lo imparerai. Non è nemmeno così tanto. Lazy bum.if(percent == 100){gotoAndPlay(3);}else{gotoAndPlay(1);}Spiegazione:if(percent == 100){Questo dice if(condition) la variabile percentuale è uguale a 100(flash è terminato il caricamento), quindi…gotoAndPlay(3);Vai al fotogramma 3.}else{Se l'istruzione if non è vera, allora…gotoAndPlay(1);Vai al fotogramma 1.}Chiude l'istruzione if. Questo codice fa un "loop" fino a quando il flash non è completamente caricato. Se la percentuale variabile non è uguale a 100, continua a tornare al frame uno finché non lo è. È praticamente solo controllare se il flash è caricato fino a quando non lo è.

Passaggio 4: un altro passaggio…

Ora seleziona il frame 3 e premi F6. Aggiungi i tuoi contenuti, che si tratti di un'animazione, di un sito Web o di un'immagine. BUON LAVORO! Hai appena creato un preloader!:D

Passaggio 5: fatto

Goditi il tuo preloader, commenta quanto è stato bello o quanto è stato brutto. Dimmi tutti i problemi che hai avuto. Vota, per favore.

Alcuni tutorial imminenti potrebbero essere… oh, non lo so. fare un gioco. un sito web. nessuno lo sa… Grazie per la visualizzazione!