* >> Чтение Образование Статьи >> science >> programming

PushButton Учебник серии - Анимация

<р> СМОТРЕТЬ ДЕМО

<р> скачать Исходный код

<р> вернуться на главную учебник

SpriteRenderComponent используется для отображения статического спрайт в прошлом уроке также имеет способность к Показать кадры анимации. Назначая ресурс имущества loadFromImage, то SpriteRenderComponent будет на самом деле создать SpriteSheetComponent с одного кадра анимации. В совместительству SpriteSheetComponent и SpriteRenderComponent есть возможность ссылаться на ряд отдельных кадров, содержащихся в одном изображении, как киноленты.

<Р> Первый шаг в реализации анимации, чтобы удалить код, который предписывает, чтобы загрузить SpriteSheetComponent изображение

Вар Рендер:. SpriteRenderComponent = новый SpriteRenderComponent (); Render.positionReference = новый PropertyReference ("@ Spatial.position"); entity.addComponent (Рендер, "Визуализация"); <р> SpriteRenderComponent на самом деле не имеют никакого понятия анимации. Это может быть поручено какой кадр анимации для отображения в любой момент времени, но он не имеет способность к циклу через эти кадры сама.

Для этого нам необходимо ввести новый компонент: в AnimationController. Цель AnimationController является обновление состояния анимации (а именно перейти к следующему кадру анимации после определенного периода времени), а также рассказать, какой кадр SpriteRenderComponent из которых SpriteSheetComponent для отображения.

вар Анимация: AnimationController = новый AnimationController (); Animation.spriteSheetReference = новый PropertyReference ("@ Render.spriteSheet"); Animation.currentFrameReference = новый PropertyReference ("@ Render.spriteIndex"); Animation.

defaultAnimation = "IdleRight"; <р> Итак, как мы уже упоминали ранее SpriteSheetComponent ссылается на изображение, и знает, как сломать этот образ вниз в ее отдельных кадров. Здесь мы создаем SpriteSheetComponent который ссылается один такой фильм полосы изображение

Переменная IdleRightSpriteSheet: SpriteSheetComponent = новый SpriteSheetComponent (); IdleRightSpriteSheet.imageFilename = "../media/idleright.png";

The отдельных кадров. В кинопленка изображения могут быть выровнены в ряде различных способов.

Для этой демонстрации мы используем ряд кадров, которые расположены горизонтально. Вы можете увидеть, как это работает на изображении ниже.

<Р>

<р> Класс CellCountDivider предоставляет возможность для нас, чтобы сообщить об этом SpriteSheetComponent, как расположены изображения. Здесь мы говорим

Page << [1] [2] >>

PushButton Учебник серии - Анимация

PushButton Учебник серии - Обновление Animation

programming

programming