Share
I den här snabba tipsen visar jag hur du använder den helt nya Flash CS5-kodrutan för att enkelt lägga till tangentbord och mus interaktion i dina projekt utan att nödvändigtvis behöva lära dig AS3. Låt oss ta en titt!
Här är det slutliga resultatet vi ska uppnå. Med hjälp av Code Snippets Panel använder vi Klicka Movie Clip som en knapp för att starta animering. Med tangentbordspilar kan du också flytta "active.tutsplus.com" -logotypen och om du klickar på den tar den dig till webbplatsen. Dessa funktioner utförs med hjälp av Code Snippets Panel.
Hämta källkods zip-filen med länken ovan och extrahera den någonstans.
Öppna Adobe Flash Professional och klicka sedan på Arkiv> Öppna.
Välj den nedladdade källfilen "Quick_Tip_Code_Snippets.fla".
Här till vårt förfogande finns en Flash Banner. För att ge den lite funktionalitet kommer vi att använda den nya Flash CS5-kodrutan. Låt oss börja med "Klicka" Filmklipp. Välj lagret "Klicka" och sedan Filmklippet med markeringsverktyget (genväg V). I fönstret Egenskaper anger du Instansnamnet "Klicka".
Nu öppnar du kodkodspanelpanelen (om du inte kan se den, gå till Fönster> Kodfragment). Välj kategori Tidslinje Navigation> Klicka för att gå till Ram och spela. Dubbelklicka på den.
P.S. Kom ihåg att innan du öppnar Code Snippets Panel ska "Klicka" Filmklippet väljas.
Därefter öppnas åtgärdspanelen och du får se en kod med instruktioner. Låt oss följa anvisningarna och ändra nummer 5 i parenteserna till nummer 2. Det här gör att vår animation spelas från bild 2 om vi klickar på vår "Klicka" Filmklipp.
Jag har lagt till några animeringar i tidslinjen från bild 2 och framåt så att du kommer se dem spela när knappen klickas.
Nästa sak vi borde göra är att ge några funktioner till vår ActiveTuts Movie Clip. Välj det på scenen och ge det förekomstnamnet "ActiveTuts".
Med den valda filmklippsknappen "ActiveTuts" går du till Kodflikpanelen> Animation> Flytta med tangentbordspilar. Vi ändrar inte kodens standardparametrar eftersom de fungerar bra. Med den här funktionen kan vi flytta vår ActiveTuts Movie Clip med tangentbordspilen.
Dessutom, låt oss göra vår ActiveTuts Movie Clip uppföra som en länk. Återigen med det valda, gå till Kodutdragspanel> Åtgärder> Klicka för att gå till webbsidan.
Du borde ha följande kod i din åtgärdspanel:
Vår åtgärdspanel öppnas och där får vi se några instruktioner om hur du ändrar webbadressen vi behöver. I mitt fall ändrar jag det till "http://active.tutsplus.com".
Det sista vi behöver är att skriva en sluta() funktionen i slutet av koden på ram 1. Efter det kan du förhandsgranska vad vi har uppnått.
Nu vet du hur du använder den nya kodpanelpanelen! Det är användbart både för personer som känner till AS3 (sparar tid) och för dem som börjar dyka in i den. Det ger möjlighet att lägga till några åtgärder på objekten utan att skriva en enda kodrad!
Jag hoppas att du gillade den här snabba tipsen och att den hjälper dig. Tack för att du läser!
Redaktör: Bara en sista sak - glöm inte att du kan lagra och dela med dig av dina kodfragment på snipplr.com, det nyaste tillägget till Envato-nätverket!
Accentsconagua