Share
In questo suggerimento rapido ti mostrerò come utilizzare il nuovo pannello di frammenti di codice di Flash CS5 per aggiungere facilmente l'interazione di tastiera e mouse ai tuoi progetti, senza dover necessariamente imparare AS3. Diamo un'occhiata!
Ecco il risultato finale che realizzeremo. Con l'aiuto del pannello Snippet di codice usiamo Click Movie Clip come pulsante per avviare l'animazione. Inoltre, con le frecce della tastiera puoi spostare il logo "active.tutsplus.com" e se fai clic su di esso, ti porterà sul sito. Queste funzioni vengono eseguite con l'aiuto del pannello Snippet di codice.
Scarica il file zip Source utilizzando il link sopra ed estrailo da qualche parte.
Apri Adobe Flash Professional quindi fai clic su File> Apri.
Seleziona il file sorgente scaricato "Quick_Tip_Code_Snippets.fla".
Qui a nostra disposizione c'è un banner Flash. Per dargli qualche funzionalità, utilizzeremo il nuovo pannello Snippet di codice di Flash CS5. Iniziamo con il filmato "Click". Scegli il livello "Fai clic" e quindi il filmato stesso con lo strumento selezione (scorciatoia V). Nella finestra Proprietà assegnagli il nome dell'istanza "Clicca".
Ora apri il pannello Snippet di codice (se non riesci a vederlo, vai a Finestra> Frammenti di codice). Seleziona categoria Cronologia Navigazione> Fare clic su Vai a Cornice e Riproduci. Fare doppio clic su di esso.
Post scriptum Ricorda che prima di aprire il pannello Snippet di codice dovrebbe essere selezionato il clip filmato "Click".
Dopodiché verrà aperto il pannello Azione e vedrai del codice con le istruzioni. Seguiamo le istruzioni e cambiamo il numero 5 tra parentesi per il numero 2. Questo farà sì che la nostra animazione venga riprodotta dal frame 2 se clicchiamo sul clip filmato "Click".
Ho aggiunto alcune animazioni alla timeline dal fotogramma 2 in poi, quindi le vedrai suonare una volta cliccato il pulsante.
La prossima cosa che dovremmo fare è dare alcune funzioni al nostro filmato ActiveTuts. Selezionalo sullo stage e assegnagli il nome di istanza "ActiveTuts".
Con il ClipArt "ActiveTuts" selezionato vai a Pannello Frammenti di codice> Animazione> Muovi con le frecce della tastiera. Non cambieremo i parametri di default del codice man mano che servono. Questa funzione ci permetterà di spostare il nostro filmato ActiveTuts con le frecce della tastiera.
Inoltre, facciamo in modo che il nostro clip filmato ActiveTuts si comporti come un collegamento. Di nuovo con esso selezionato vai a Pannello Frammenti di codice> Azioni> Clicca per andare alla pagina web.
Dovresti avere il seguente codice nel tuo pannello Azioni:
Il nostro pannello Azioni verrà aperto e vedremo alcune istruzioni su come modificare l'URL di cui abbiamo bisogno. Nel mio caso lo cambierò in "http://active.tutsplus.com".
L'ultima cosa di cui abbiamo bisogno è scrivere a Stop() funzione alla fine del codice sul fotogramma 1. Dopo questo è possibile visualizzare in anteprima ciò che abbiamo raggiunto.
Ora sai come usare il nuovo pannello Snippet di codice! È utile sia per le persone che conoscono AS3 (risparmia un po 'di tempo) sia per coloro che iniziano a immergersi in esso. Offre l'opportunità di aggiungere alcune azioni agli oggetti senza scrivere una singola riga di codice!
Spero che questo Quick Tip ti sia piaciuto e che ti possa aiutare. Grazie per aver letto!
Editor: Solo un'ultima cosa: non dimenticare che puoi memorizzare e condividere tutti i tuoi frammenti di codice su snipplr.com, la più recente aggiunta alla rete Envato!
Accentsconagua