Flash offre la possibilità di creare effetti visivamente coinvolgenti, interattivi all'interno di siti Web. Utilizzando il Flash, è possibile aggiungere un livello di interazione di immagini sul sito Web. Con un po' di codice ActionScript, è possibile dichiarare comportamenti diversi quando l'utente interagisce con una foto del sito Web, tra cui spostando il mouse su e fuori di esso, premendo e rilasciando il pulsante del mouse su di esso. Uno dei motivi che Flash è così ampiamente usata è che rende la creazione di tali elementi interattivi facile, anche per persone con poca o nessuna esperienza di codifica.

Istruzioni

1

Creare un nuovo documento in Flash scegliendo "File", poi "Nuovo" quindi selezionare "Documento Flash" dall'elenco. Il documento verrà aperto e visualizzare l'area palco bianco nel mezzo. È possibile utilizzare gli strumenti di disegno sulla sinistra per disegnare un'immagine, ma se hai già un file di immagine, ad esempio una fotografia che si desidera utilizzare, è possibile importarlo in un documento Flash. Scegliere "File", poi "Importa", poi "Importa nello Stage" e quindi individuare il file di immagine scelta. L'immagine apparirà sulla zona stadio.

2

Convertire l'immagine in un simbolo in modo che è possibile aggiungere effetti interattivi ad esso. Seleziona la tua immagine sul palco facendo clic su esso. Premere "F8" per convertirlo in un simbolo o scegliere "Modifica" e poi "Converti in simbolo". Scegliere il pulsante di opzione "Movie clip" e dare il vostro simbolo un nome, quindi fare clic sul pulsante "OK". Con il simbolo selezionato sullo stage, è necessario aprire il pannello "Proprietà" facendo clic su esso nella parte inferiore dello schermo. Nella casella di testo "Nome istanza" Inserisci "myObject_mc" o qualsiasi nome che si preferisce.

3

Aggiungere un altro elemento visivo al documento Flash. A scopo dimostrativo, aggiungere del testo. Inserire un nuovo livello nel documento premendo il tasto «Nuovo livello» accanto alla Timeline nella parte superiore dello schermo. Bloccare l'altro strato utilizzando il pulsante Lucchetto sulla linea temporale, quindi selezionate il nuovo layer, assicurandosi che è sbloccato. Inserire del testo su questo nuovo livello facendo clic sullo strumento testo nel pannello a sinistra, poi cliccando sulla zona Stadio e digitando del testo. Convertire il testo in un simbolo di Clip filmato utilizzando la stessa tecnica che è utilizzata per l'immagine, ma scegliendo un nome diverso. Nel pannello Proprietà, dare il testo simbolo il nome di istanza "text_mc."

4

Aggiungere interattività al file Flash. Creare un altro nuovo livello nel documento. Aprire il pannello azioni per il nuovo layer facendo clic per selezionarlo nell'area della Timeline, quindi scegli "Finestra", quindi "azioni" o premere "F9". Modo che è possibile immettere il codice, verrà visualizzato il pannello azioni. Fare clic all'interno dell'area di immissione testo bianco e immettere quanto segue, cambiando "myObject_mc" Se si è scelto un nome diverso:

Text_MC.Visible=false;

funzione picClicked(event:MouseEvent):void

{text_mc.visible=true};

myObject_mc.addEventListener (MouseEvent. Click, picClicked);

5

Salvare il file con un nome di vostra scelta, ad esempio "interactivepic.fla." Esportare e testare il vostro filmato Flash scegliendo "Controllo", quindi "Prova filmato". Il filmato viene aperto in una finestra separata. Verificare la funzionalità cliccando l'immagine e controllando che il testo viene visualizzato quando si fa. Si tratta di un semplice esempio per dimostrare il principio di avere un'immagine interattiva in Flash, ma è possibile aggiungere molti effetti differenti per soddisfare i propri progetti.

Consigli & Avvertenze

• È possibile aggiungere gestori eventi a più elementi in un documento Flash, in ascolto di eventi utente, ad esempio facendo clic, spostare il mouse e testo voce.
• Quando si includono filmati Flash nei siti Web, c'è una forte possibilità che alcuni utenti non sarà in grado di vedere, perché non hanno Flash Player. Si consiglia pertanto di includere contenuto alternativo anche.