Как отобразить предварительно отрендеренные анимации в браузере

Я хочу использовать предварительно загруженные анимации на веб-сайте. Анимация состоит из набора изображений, которые должны отображаться со скоростью 30 кадров в секунду. В настоящее время я использую gif, но кажется, что нет реального способа правильно их устраивать (сброс не всегда работает).

Каков наилучший способ сделать это?

Вот мой текущий проект в качестве примера того, как gifs не работают. Нажмите (нажмите третью кнопку, чтобы начать игру). Иногда gifs просто не начинают играть, или они начинаются с другого кадра, чем первый. Он работает немного лучше в Chrome, чем в Firefox, поскольку он по крайней мере непротиворечиво работает, когда они работают, а когда нет, но в Firefox это происходит довольно случайно.

благодаря