Я вскрываю исходники PNG анимации

[Solovei95]

Я приоткрою завесу тайны опытным JS программистам!
https://github.com/Solovei95/libs
libanim.js - это анимация как у PNG.

Нету deffered.

[Solovei95]

Это отличная находка для любого археолога.

[Solovei95]

Как я уже говорил:
Тактика боя - две канвы, drawImage. Одна канва отрисовывает след. кадр, другой - берет предыдущий.
Используется таймер отдельно. Не используется imageData, что позволяет использовать в "file://".
Метод работает только в IE 9 и выше, Firefox, Opera, Google Chrome и Safari. Теоретически кроссбраузерно.
Скрипт являет альтернативным решением для PNG анимации.

[Solovei95]

Это самый простой код на HARDCORE анимацию.

[Gozar]

Solovei95,
Хочется признания, а оно никак не приходит?

[Solovei95]

libanim.js пришло как-раз из-за APNG. Дело в том, что у APNG помимо delay, есть blend и dispose. Мне так понравился алгоритм, что решил ввести это в канву! Правда есть некоторые поправки:
- delay выражается не двумя числами, а одним.
- присутствует comp и opacity.
- используется элементы (благодаря чему можно заранее загрузить кадры).

[Solovei95]

Gozar,
И вообще мне не совсем понятен твой вопрос!

[Solovei95]

У APNG есть целый ряд недостатков:
- Нету глобальной палитры.
- Не кроссбраузерность.
- Сложен в оптимизации.
- Нету параметра типа "композиция" и "прозрачность", хотя есть поддержка альфа-канал.

У скрипта больше плюсов, чем минусов...
- Можно брать любые PNG картинки.
- Это же скриптовая анимация, так ведь?
- Получается глобальная палитра.
- Доступен не только PNG.
- Раз используются элементы, значит можно использовать не только картинки, но и canvas и видео элементы.
- А раз можно Canvas, значит можно JPEG с альфа-каналом и т.п.

[Solovei95]

И если порезать APNG на кадры, то получим:
- Быстрее загружаться будет.
- Можно использовать во всех браузерах, где есть XHR и arraybuffer.
- Отображение в Canvas элементе (благодаря чему можно добавить различные фильтры).

[Solovei95]

Минусы такой анимации:
- Использует ЦП пользователя.
- Не работает в IE ниже 9.
- Не работает при отключенном JS.
- Canvas элемент.
- Недоступность FlashCanvas.