Visa DEMO Omdömen
ladda ner källkoden Omdömen
TILLBAKA TILL Handledningen INDEX Omdömen
SpriteRenderComponent används för att visa den statiska spriten i den sista handledningen också har förmågan att visa bilder av animation. Genom att tilldela en resurs till loadFromImage egendom, SpriteRenderComponent kommer i själva verket skapa en SpriteSheetComponent med en enda ram av animation. I kombination för SpriteSheetComponent och SpriteRenderComponent har förmågan att referera ett antal enskilda bildrutor som ingår i en enda bild, som en filmremsa.
Omdömen
Det första steget i genomförandet av en animering är att ta bort den kod som instruerar SpriteSheetComponent att ladda en bild
var Render. SpriteRenderComponent = new SpriteRenderComponent (); Render.positionReference = new PropertyReference ("@ Spatial.position"); entity.addComponent (Render, "Render"), SpriteRenderComponent egentligen inte har något begrepp om animation. Det kan instrueras vilken ram av animation för att visa på en viss tid, men det har inte möjlighet att gå igenom dessa ramar själv.
För det behöver vi att införa en ny komponent: den AnimationController. Syftet med AnimationController är att uppdatera tillståndet för en animation (det vill säga att gå till nästa bildruta i animeringen efter en viss tid) och berätta en SpriteRenderComponent vilken ram som SpriteSheetComponent att visa. Omdömen
var Animation: AnimationController = new AnimationController (); Animation.spriteSheetReference = new PropertyReference ("@ Render.spriteSheet"); Animation.currentFrameReference = new PropertyReference ("@ Render.spriteIndex"); Animation.
defaultAnimation = "IdleRight";
Så som vi nämnde tidigare SpriteSheetComponent refererar till en bild, och vet hur man bryter den bilden ned i sina enskilda bildrutor. Här skapar vi en SpriteSheetComponent som refererar till en sådan filmremsa bild Omdömen
var IdleRightSpriteSheet: SpriteSheetComponent = new SpriteSheetComponent (); IdleRightSpriteSheet.imageFilename = "../media/idleright.png";The enskilda bildrutor. i en filmremsa bild kan riktas på ett flertal olika sätt. För denna demo vi använder en serie ramar som är inriktade horisontellt.
Du kan se hur det fungerar i bilden nedan. Omdömen
Omdömen
CellCountDivider klassen är ett sätt för oss att informera SpriteSheetComponent hur bilderna är i linje. Här berättar det att det finns 6 bilder längs x-axeln Omdömen
var avdelare. CellCountDivider
Tryckknapp Tutorial Series - Uppdatering Animation
- OpenCV Tutorial
- J2ME Hur man läser textfiler !!
- Lär känna Irrlicht 3D-motor - Collision Detection
- En kort översikt över SQL Injection
- Snabb Rörelse Bildgalleri för New browsers
- Abstraktion Oop
- Fler mönster för reguljära uttryck i Perl
- Network Felsökning Commands
- Hur får man gratis software
- Komma igång med Activeperl