Как создать анимацию в AS3?

Question

Я делаю игру в AS3 для школьного проекта (используя AIR api). У меня есть опыт работы в AS3 за год, поэтому я бы сказал, что я владелец, но не эксперт. Во всяком случае, я никогда не пытался создавать анимации спрайтов в AS3, и я не совсем уверен, как подойти к нему.

Если я создаю список растровых изображений и вызываю addChild() и removeChild(), чтобы отображать каждый кадр анимации, это повлияет на частоту кадров, поскольку эти функции не очень эффективны (я пробовал это раньше, и это забивало мои если у меня слишком много анимаций, идущих сразу). Я также попытался создать список объектов BitmapData, добавив растровое изображение в список отображения, а затем указывая его на разные растровые изображения BitmapData, но это, похоже, не работает вообще.

Так что это лучший способ сделать это? Например, в XNA я создавал бы класс спрайтов, который рисовал бы на экране с помощью спрайта, тогда я бы создал список объектов спрайтов и прокрутил их для создания анимации. Есть ли способ добиться аналогичного результата в actionscript?

Answer 1

Первый (простой) способ: вы можете просто использовать мультикадровый MovieClip для анимации. Поместите изображение в каждый кадр, поставьте MovieClip на сцену, и все. Вы можете управлять этой анимацией, используя play(), stop(), gotoAndPlay(), gotoAndStop(). Он будет работать без особых проблем для общей игровой платформы (я сделал это сам давно).

Второй (продвинутый) метод: использовать битовое смешение. Для каждой анимации создайте растровое изображение, которое содержит каждый кадр анимации. Используйте это изображение в качестве источника для копирования пикселей в ваш текущий анимированный объект. Вам просто нужно скопировать определенную область прямоугольника внутри исходного растрового изображения, которое соответствует текущему кадру.

Действительное блиттинг здесь происходит

destinationBitmapData.copyPixels(sourceBitmapData, areaRectangle, destinationPoint); 

Где destinationBitmapData ваш «холст», который вы блиттинг к; sourceBitmapData - это исходное изображение, содержащее все рамки анимации; areaRectangle - прямоугольник внутри исходного изображения, определяющий, какую область копировать; destinationPoint - левая верхняя координата области копирования на вашем холсте.

Целевой холст может быть всего лишь одним маленьким объектом (например, ваш игровой персонаж, который перемещается) или весь экран игры со всеми объектами. То есть вместо того, чтобы бить и добавлять каждый объект по отдельности, вы можете просто иметь один большой холст и задействовать все необходимые части прямо к нему.

При этом уже существует ряд различных готовых двигателей, которые используют блиские и даже продвинутые методы, такие как 3D-ускорение для 2D спрайтов.

Один из них: Starling.