Prerender on canvas 2D

[grgd]

Забавно, раньше так во флэше анимации в битмапы кэшировали.
А по теме — зачем так мучаться, когда есть WebGL. Примеров полно по запросу webgl pixel particles

[Amedomary]

Это уже второй вариант решения проблемы — но он более трудозатратный)
Этот вариант я тоже проверю))

[GCU]

Если анимация одна и та же, то можно использовать видео.

[hardtop]

Толково.

[noodles]

Если у вас есть идеи по повышению производительности данного подхода — пишите :)

Когда плотно изучал канвас, запомнился такой хак для оптимизации:
все тяжёлые расчёты и отрисовку делать в буферном канвасе (которого не видно в DOM). А потом уже покадрово выводить готовую картинку в настоящий канвас с помощью drawImage.
Было правда давно, сейчас может и неактуально.

[Amedomary]

ну как показала практика — рисовать в буферном канвасе стоит так же как и в настоящем, хотя мб я не так использую буферный?