Quick Basix: Random Animated Blinker
4
Del
Del
Del
Dette Cyber mandag Envato Tuts + Kursene vil bli redusert til bare $ 3. Ikke gå glipp av.
Selv når du animere på tidslinjen et snev av Action kan forbedre hva du gjør. I denne hurtig Tips kommer vi til å bruke en eneste linje med AS3 å legge animert realisme i løpet av et øyeblikk Hent kildefilene og åpne "basis.fla". På scenen vil du finne "hodet" MovieClip, som består av to lag som inneholder movieclips "ansikt" og "øyne". Selvfølgelig, hvis du ønsker å starte fra bunnen av, ved hjelp av din egen grafikk, du er velkommen til å gjøre det .. Vi kommer til å gjøre øynene blink med jevne mellomrom, så begynner ved å dobbeltklikke på " øyne "MovieClip å legge inn sin tidslinje Forlenge tidslinjen ved å legge til en keyframe på ramme 80 på" øyne "lag. Dette er hvor vi skal plassere øynene i deres "blunket" tilstand. Slett de åpne øynene fra scenen og snu oppmerksomheten til biblioteket. I det, vil du finne "eyesClosed" som du kan plassere på scenen der "eyesOpen" MovieClip tidligere var. Med din eyesClosed valgt, traff F5 for å legge til noen flere rammer. Legg så mange du vil; gjør dette vil øke tiden din karakters øynene tilbringer stengt i en gitt blink. 3 bilder er fint i vårt tilfelle. Test filmen (Kommando /Ctrl + Enter) for å få et inntrykk av den blinkende effekten du har laget. hodet beveger seg langs tidslinjen forårsaker periodisk blinking. Perfekt! Høyre? Vel ikke akkurat. Uniform blinking vil foreslå at vår karakter er enten en robot eller mangler sin frontallappen La oss forbedre effekten av Random den blinkende Hva har dette biten egentlig gjøre? Vel, det gotoAndPlay (); handling sender hodet langs nåværende tidslinjen, til hvilken ramme nummer vi definerer i bukseseler. Innholdet i våre bukseseler vil gi oss vår rammenummer. Math.random () metoden returnerer et tall mellom 0 og (men ikke inkludert) 1. Dette multipliseres med totalFrames, en egenskap av vår MovieClip - mengden av rammene i seg (i vårt tilfelle 83). uint () neatens opp utfallet av vår tilfeldig tall * totalFrames, ved å runde ned og gir oss et heltall. Den laveste heltall vi kan forvente er 0, siden uint (0 * 83) er 0. Den høyeste heltall vi kan håpe på er 82, siden uint (0,9999999999 * 83) er 82. Derfor har vi en avsluttet ting, noe som gir oss et mål ramme et sted mellom 1 og 83 . Når spillehodet når slutten av vår tidslinjen, går den tilbake til å ramme en og er nok en gang sendt til et tilfeldig ramme. Se filmen igjen! Vår karakter er fortsatt blinker, men nå med ujevne mellomrom, som ser langt mindre lobotomised. Effekten blir enda tydeligere med to tilfeller av vår karakter på scenen. I eksempelet nedenfor har vi to forskjellige karakterer, men begge gjør bruk av nøyaktig de samme "øyne" MovieClip: Jeg sier ikke at disse to ser ut som de har fått det helt sammen, men du får ideen .. Dette er en veldig enkel sluttresultatet, hvorfor ikke se om du kan forbedre det? Du er ferdig! Dette er en rett frem og vanlig brukt teknikk, men beveger hodet til tilfeldige rammer kan anvendes i tusenvis av situasjoner. Jeg håper du finner bruk for det :)
Trinn 1: Open Your Eyes
Trinn 2: Øynene har det
Trinn 3:. forblindet Vis
Trinn 4:.. Randomeyes
< p> Legg et andre lag til "øyne" MovieClip, merk den "tiltak" og låse den. Velg det første bildet og skriv inn følgende tekstutdrag i handlinger panelet (Vindu > Handlinger):
gotoAndPlay (uint (Math.random () * totalFrames) 1);
Trinn 5: øyeundersøkelse
Bedre syn
Ha en lek med tidspunktet; endre framerate og antall rammer innenfor blinke film.
Hvorfor ikke prøve og endre tekstutdrag for å hindre spillehodet fra å hoppe til innen
blink handlingen i seg selv?
Kanskje kan du også hindre animasjon fra å blinke for raskt etter hverandre?
Konklusjon