JavaScript для управления анимацией изображений?

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

ИДЕЯ 1: Используйте каждое поведение как анимированный GIF и используйте JavaScript для переключения файлов GIF при переключении поведения. Плюс: анимация находится в самом изображении, что оставляет меньше работы для JS. Обратная сторона: JavaScript не может (насколько мне известно) определить, в каком кадре находится GIF, когда анимация заканчивается / зацикливается и т. Д.

ИДЕЯ 2: Используйте каждый кадр каждой анимации как изображение PNG и используйте JS для переключаться между кадрами с некоторым предварительным загрузчиком, чтобы убедиться, что все изображения готовы до начала анимации. Плюс: гораздо больше контроля над последовательностью анимации. Оборотная сторона: много кадров ...

Какая из этих двух идей была бы лучше? (Я бы не хотел использовать для этого Flash, кстати)
Я не могу (насколько мне известно) JavaScript определить, в каком кадре находится GIF, когда анимация заканчивается / зацикливается и т. Д.

ИДЕЯ 2: Сделайте каждый кадр каждой анимации как изображение PNG и используйте JS для переключения между кадров с некоторым предварительным загрузчиком, чтобы убедиться, что все изображения готовы до начала анимации. Плюс: гораздо больше контроля над последовательностью анимации. Оборотная сторона: много рамок ...

Какая из этих двух идей была бы лучше? (Я бы не хотел использовать для этого Flash, кстати)
Я не могу (насколько мне известно) JavaScript определить, в каком кадре находится GIF, когда анимация заканчивается / зацикливается и т. Д.

ИДЕЯ 2: Сделайте каждый кадр каждой анимации как изображение PNG и используйте JS для переключения между кадров, с некоторым предварительным загрузчиком, чтобы убедиться, что все изображения готовы до начала анимации. Плюс: гораздо больше контроля над последовательностью анимации. Оборотная сторона: много кадров ...

Какая из этих двух идей была бы лучше? (Я бы не хотел использовать для этого Flash, кстати)

Какая из этих двух идей была бы лучше? (Я бы не хотел использовать для этого Flash, кстати)

Какая из этих двух идей была бы лучше? (Я бы не хотел использовать для этого Flash, кстати)
Я сам склоняюсь к идее 2, для лучшего контроля, который она предлагает. Поскольку на сайте уже есть таймер, работающий каждые 50 мс, было бы несложно добавить эту анимацию в эту систему таймера.