Handling Animation States Med Starling
Del
Del
3
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. . Ikke gå glipp av
Starling Framework er en AS3 API som etterligner listevisning, med én viktig forskjell: det bruker Flash Player 11 nye funksjoner for å gjengi alt innhold av GPU. I denne opplæringen vil du lære å legge til flere animasjoner til en sprite hjelp av Starling Framework. Det forutsetter en grunnleggende forståelse av å bruke spritesheets med Starling.
Endelig resultat Forhåndsvisning
Klikk her for å se demo vi skal jobbe mot. Klikk på venstre eller høyre for monkey å gjøre det gå i den retningen; Legg merke til hvordan det viser en gang animasjon ved flytting og en statisk ramme når du står stille.
opprinnelige koden
Hele Demos kildefiler (i både første og siste statene) er i kilden nedlasting. Men vil vi hovedsakelig skal jobbe med én fil, MonkeySprite.as, så her er innholdet, for referanse:
pakke {import flash.utils.getTimer; import starling.animation.Juggler; import starling.core.Starling; import starling.display.MovieClip; import starling.display.Sprite; import starling.events.Event; import starling.textures.Texture; import starling.textures.TextureAtlas; public class MonkeySprite strekker Sprite {private Var standMovie: MovieClip; //Stående animasjon privat Var mouseX: Number = 1; //Plasseringen av museklikk på x-aksen privat Var Lasttime: int; //Siste onFrame bevegelse private Var movieVector. Vector < MovieClip >; offentlig funksjon MonkeySprite () {var atlas: TextureAtlas = Assets.getTextureAtlas (); Var standFrames: Vector < Texture >. = Atlas.getTextures ("monkey_1"); standMovie = ny MovieClip (standFrames, 7); standMovie.loop = true; addChild (standMovie); pivotX = this.width * 0,5; this.addEventListener (Event.ENTER_FRAME, onFrame); } Offentlig funksjon onFrame (e: Hendelses): void {if (mouseX == -1) tilbake; //Smekk if (this.x < = mouseX + 5 & & this.x > = mouseX-5) {this.x = mouseX; } Else {var timeDiff: int = getTimer () - Lasttime; Lasttime + = timeDiff; if (mouseX > this.x) {this.x + = timeDiff * 0,15; } Else {this.x - = timeDiff * 0,15; }}} Offentlig funksjon moveToPoint (pointX: Number): void {mouseX = pointX; Lasttime = getTimer (); }}}
Se Screen
Her er nettadressene nevnt i videoen:
Starling Work
Flash Builder Anmeldelser
mrdoob Hi-Res-Stats
Vicki Wenderlich sin Free Art Arkiv
Vil Flere Starling Guider?
La oss beskjed i kommentarfeltet!