Quick Tips: Exploring the Flash CS5 kodesnutter Panel

Quick Tips: Exploring the Flash CS5 kodesnutter Panel
Del
Del
Del
Del

Dette Cyber ​​mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.

I denne hurtig Tips Jeg skal vise deg hvordan du bruker den splitter nye Flash CS5 kodesnutter Panel enkelt legge til tastatur og mus interaksjon til dine prosjekter, uten nødvendigvis å måtte lære AS3. La oss ta en titt!



Endelig resultat Forhåndsvisning

Her er det endelige resultatet vi skal oppnå. Med hjelp av kodesnutter Panel bruker vi Klikk Movie Clip som en knapp for å starte animasjonen. Også med piltastene kan du flytte "active.tutsplus.com" -logoen, og hvis du klikker på den, vil det ta deg til nettstedet. Disse funksjonene er utført ved hjelp av kodesnutter Panel

Trinn 1:. Load Prosjekt

Last ned kilde zip-fil ved å bruke linken over og pakk den et sted
Åpne Adobe Flash Professional og klikk på Fil > Åpne

Trinn 2:. Open Source File

Velg den nedlastede kildefilen "Quick_Tip_Code_Snippets.fla"

Trinn 3:. Set Instance Name

Her til rådighet er en Flash Banner. For å gi det noe av funksjonaliteten er vi skal bruke den nye Flash CS5 kodesnutter Panel. La oss starte med "Klikk" Movie Clip. Velg lag "Klikk" og deretter filmklippet seg med Selection Tool (snarvei V). I vinduet Egenskaper gi den instans "Klikk"

Trinn 4:. Åpne kodesnutter Panel

Nå åpner kodesnutter Panel (hvis du ikke kan se det, gå til Window > kodesnutter). Velg kategori Tidslinje Navigation > Klikk for å gå til Frame and Play. Dobbeltklikk på den.

P.S. Husk at før du åpner kodesnutter Panel "klikk" Movie Clip bør velges

Trinn 5:. Alter Auto-generert kode

Etter at handlingen panelet vil bli åpnet og du vil se noen kode med instruksjoner. La oss følge instruksjonene og endre nummer fem i parentes til nummer 2. Dette vil føre til vår animasjon til å spille fra ramme 2 hvis vi klikker på "Klikk" Movie Clip.

Jeg har lagt noen animasjoner til tidslinjen fra ramme 2 og utover, så vil du se dem spille når knappen klikkes

Trinn 6:. ActiveTuts Movie Clip

Det neste vi skal gjøre er å gi noen funksjoner til vår ActiveTuts Movie klipp. Velg den på scenen og gi det forekomstnavnet "ActiveTuts"

Trinn 7:. Movement med tastatur

Med filmklippet "ActiveTuts" utvalgte gå til kodesnutter Panel > Animasjon > Beveg deg med piltastene. Vi vil ikke endre standardparameterne i koden som de tjener godt. Denne funksjonen vil tillate oss å flytte vår ActiveTuts filmklipp med piltastene

Trinn 8:. Klikkbar lenke

I tillegg, la oss gjøre vår ActiveTuts Movie Clip oppføre seg som en link. Igjen med det valgte gå til kodesnutter Panel > Handlinger > Klikk for å gå til Web Page

Du bør ha følgende kode i dine handlinger Panel.

Trinn 9: URL

Våre Handlinger Panel vil bli åpnet, og det vi ' ll se noen instruksjoner om hvordan du endrer nettadressen vi trenger. I mitt tilfelle vil jeg endre den til "http://active.tutsplus.com".

Det siste vi trenger er å skrive en stop () -funksjonen på slutten av koden på ramme 1. Etter dette kan du forhåndsvise det vi har oppnådd.

Konklusjon

Du vet nå hvordan de skal bruke det nye kodesnutter Panel! Det er nyttig både for folk som vet AS3 (sparer litt tid) og for de som begynner å dykke inn i den. Det gir en mulighet til å legge til noen handlinger til objektene uten å skrive en eneste linje med kode!

Jeg håper du likte denne Quick Tips og at det vil hjelpe deg. ! Takk for lesing
Redaktør: Bare en siste ting - ikke glem at du kan lagre og dele alle dine kodesnutter på snipplr.com, den nyeste tillegg til Envato nettverk!



Previous:
Next Page: