Hvordan lage en klikkbar US Map i Flash

Flash er et verktøy for å lage avanserte web-basert innhold. Det er særlig kjent for sin sofistikerte brukervennlig interaktivitet evner. På grunn av dette, er Flash perfekt å bruke for mer komplekse bruker interaktiv oppgaver; for eksempel å lage et kart over USA der hver stat kan klikkes separat, og noe annet skjer avhengig av staten som er klikket. Flash gjør det mulig å gjøre dette raskt og enkelt å bruke bare en blyant verktøyet og noen "Action" kode.

Bruksanvisning

1 Gå til Google bilder og skriv "kart over USA" i søkefeltet. Last ned bildet du ønsker å bruke som klikkbare amerikanske kartet. Vær forsiktig med å bruke et bilde som har copyright restriksjoner.

2 I Flash, opprette en ny Actionscript 3.0 dokument ved å gå til "File", "New", "Flash Actionscript 3.0 dokument" og klikke "OK."

3 Klikk på "File", "Import ..." og "Importer til Stage ..." og deretter navigere til USA kartbildet filen du lastet ned og klikk "Åpne".

4 Fra verktøylinjen, klikk på "Pencil" verktøyet (det er lett å finne, den har et ikon av en blyant). Zoome inn på en enkelt stat på kartet ved å klikke på "View" og "Zoom inn" et par ganger. Still inn aktuell fargen på blyant verktøyet til fargen på omrisset som skiller hver stat i bildet (for de fleste bildene, er denne fargen svart). Ved hjelp av blyant verktøyet, nøye tegne et omriss rundt en enkelt stat av ditt valg. Når du er ferdig, klikker du på "Selection" verktøy fra verktøylinjen og deretter dobbeltklikke inne i området du nettopp tegnet. Staten vil bli dekket i små prikker, noe som indikerer at det er valgt.

5 Høyreklikk på den valgte staten og velg "Convert to symbol ..." fra kontekstmenyen. Skriv inn navnet på staten ved siden av "Name:" og under "Type" velger "Button", deretter "OK".

6 Åpne vinduet Egenskaper ved å gå til "vindu" og deretter "Egenskaper". Under "Forekomst Name" skriver du inn navnet på staten.

7 Velg det første bildet i filmen. Åpne Handlinger vinduet ved å gå til "Window" og deretter "Handlinger". Skriv inn følgende i prosedyrepanelet (erstatte den faktiske navnet på den amerikanske delstaten hvor som helst du se "STATE_NAME"):
state_name.addEventListener (MouseEvent.CLICK, state_nameButtonHandler);
funksjon state_nameButtonHandler (e: Mouseevent) {
spore ( "Klikket STATE_NAME!");
}

8 Test hva du har så langt ved å klikke på "Control" og "Test Movie". Klikk på staten som du omgjort til en knapp. Du skal se "Clicked <staten du opprettet>!" i Output-vinduet.

9 Gjenta trinn 4 til 8 for hver stat på kartet.