Hvordan lage en interaktiv Picture for et nettsted i Flash

Hvordan lage en interaktiv Picture for et nettsted i Flash


Flash gir mulighet til å lage visuelt engasjerende, interaktive effekter innenfor nettsteder. Ved hjelp av Flash, kan du legge til en grad av samhandling til nettstedet bilder. Med litt Actionscript-kode, kan du erklære forskjellige atferd når brukeren samhandler med en nettside bilde, inkludert bevege musen på og av den, trykke og slippe museknappen på den. En grunn til at Flash er så utbredt er at det gjør etableringen av slike interaktive elementer lett, selv for folk med liten eller ingen koding erfaring.

Bruksanvisning

1 Opprett et nytt dokument i Flash ved å velge "File" og deretter "New" og deretter velge "Flash dokument" fra listen. Dokumentet vil åpne og vise det hvite sceneområdet i midten. Du kan bruke tegneverktøyet til venstre for å tegne et bilde, men hvis du allerede har en bildefil, for eksempel et bilde som du vil bruke, kan du importere den til din Flash dokumentet. Velg "File" og deretter "Import" og deretter "Importer til Stage" og deretter bla til den valgte bildefilen. Ditt bilde vil vises på sceneområdet.

2 Konvertere bildet ditt til et symbol, slik at du kan legge til interaktive effekter til det. Velg bilde på scenen ved å klikke på det. Trykk "F8" for å konvertere det til et symbol eller velg "Endre" og deretter "Konverter til Symbol." Velg "Movie clip" -knappen og gi Symbol et navn, og klikk på "OK" -knappen. Med Symbol valgt på scenen, åpne "Properties" panel ved å klikke på det nederst på skjermen. I "Instance Name" tekstboksen, skriv "myObject_mc" eller et navn du foretrekker.

3 Legg til en annen visuelt element til din Flash dokumentet. For demonstrasjonsformål, legg til litt tekst. Sett inn et nytt lag i dokumentet ved å trykke på "Nytt lag" -knappen ved siden av tidslinjen øverst på skjermen. Lås det andre laget med hengelås knappen på tidslinjen, og velg det nye laget, noe som gjør at det er ulåst. Sett litt tekst på dette nye laget ved å klikke på teksten verktøy i panelet til venstre, og deretter klikke på sceneområdet og skrive litt tekst. Konverter tekst til et filmklipp symbol ved hjelp av samme teknikk som du brukte for bildet, men å velge et annet navn. I Egenskaper-panelet, gir teksten Symbol forekomsten navnet "text_mc."

4 Legg til interaktivitet til Flash-fil. Lag en ny layer i dokumentet. Åpne Handlinger panelet for det nye laget ved å klikke for å velge det i tidslinjen området, og velg "Window" og deretter "Handlinger" eller trykk "F9". Handlinger panelet vil vises slik at du kan legge inn kode. Klikk i det hvite tekstområdet, og skriv inn følgende endring "myObject_mc" hvis du velger et annet navn:

text_mc.visible = false;

funksjon picClicked (event: Mouseevent): void

{Text_mc.visible = true; }

myObject_mc.addEventListener (MouseEvent.CLICK, picClicked);

5 Lagre filen med et annet navn, for eksempel "interactivepic.fla." Eksport og teste din Flash movie ved å velge "Control" og deretter "Test Movie". Filmen åpnes i et eget vindu. Teste funksjonaliteten ved å klikke på bildet og kontrollere at teksten vises når du gjør. Dette er et enkelt eksempel for å demonstrere prinsippet om å ha et interaktivt bilde i Flash, men du kan legge mange forskjellige effekter som passer dine egne prosjekter.

Hint

  • Du kan legge hendelsesbehandlinger til flere elementer i en Flash dokument, lytter for brukerhendelser, som for eksempel klikke, å bevege musen og inntasting av tekst.
  • Når du inkluderer Flash-filmer i nettsteder, er det en sterk mulighet for at noen brukere ikke vil være i stand til å se dem, fordi de ikke har Flash Player. Det er best derfor å inkludere alternativt innhold i tillegg.