VER LA DEMO
DESCARGAR EL CÓDIGO FUENTE
VOLVER A EL INDICE TUTORIAL
El SpriteRenderComponent utiliza para mostrar el sprite estática en el último tutorial también tiene la capacidad de mostrar cuadros de animación. Mediante la asignación de un recurso a la propiedad loadFromImage, el SpriteRenderComponent de hecho crear una SpriteSheetComponent con un solo fotograma de la animación.
En combinación del SpriteSheetComponent y SpriteRenderComponent tienen la capacidad de hacer referencia a un número de fotogramas individuales contenidas en una sola imagen, como una tira de película.
El primer paso en la implementación de una animación es eliminar el código que instruye al SpriteSheetComponent para cargar una imagen
var Render:. SpriteRenderComponent = new SpriteRenderComponent (); Render.positionReference = new PropertyReference ("@ Spatial.position"); entity.addComponent (Render, "Render");
El SpriteRenderComponent realmente no tiene ningún concepto de animación. Puede ser instruido el fotograma de la animación para mostrar en un momento dado, pero no tienen la capacidad de desplazarse por sí mismo estos marcos. Para eso tenemos que introducir un nuevo componente: la AnimationController.
El propósito de la AnimationController es actualizar el estado de una animación (es decir, para pasar al siguiente fotograma de la animación después de un período de tiempo determinado) y contar una SpriteRenderComponent que enmarcan de la que SpriteSheetComponent que se vea.
var Animación: AnimationController = new AnimationController (); Animation.spriteSheetReference = new PropertyReference ("@ Render.spriteSheet"); Animation.currentFrameReference = new PropertyReference ("@ Render.spriteIndex"); Animation.defaultAnimation = "IdleRight";
Así como hemos mencionado antes, el SpriteSheetComponent hace referencia a una imagen, y sabe cómo romper esa imagen hacia abajo en sus cuadros individuales. Aquí creamos un SpriteSheetComponent que hace referencia a un tal imagen Tira de la película
var IdleRightSpriteSheet: SpriteSheetComponent = new SpriteSheetComponent (); IdleRightSpriteSheet.imageFilename = "../media/idleright.png";The fotogramas individuales. imagen una tira de película se puede alinear en un número de maneras diferentes.
Para esta demostración que estamos utilizando una serie de cuadros que están alineados horizontalmente. Usted puede ver cómo funciona esto en la imagen de abajo.
PushButton Tutorial Series - Actualización Animation
- Iniciales Formulario Evaluation
- Creación de un contenedor de secuencia simple en C ++
- Mysql create table SQL Chrys
- Entradas y salidas de encargo Applications
- Base de datos Design
- Los operadores de asignación en Php
- Fácil Optimización: Zipalign
- Cómo códigos de barras y smartphones Rearchitect Information
- Mysql: Comprensión relacional Tables
- Solución de problemas de red Commands