Я рендерю кучу Путей (примерно 600), используя snap.svg
Применяю для анимации requestAnimationFrame
Вот код
function animate() {
requestAnimationFrame(animate)
for(var i = 0 ; i<600; i++) {
path_obj[i].updatePath();
path_obj[i].drawPath();
}
// updatePath обновление атрибута d
// drawPath установка обновлённого атрибута d
Если частиц немного, где то 100, то анимация офигенная, но частиц недостаточно много, надо где то 10000... Только всё это при десяти тысячах начинает жёстко виснуть. Кто знает, как решить эту проблему?
Я слышал, что WebGL успешно с этим справляется, но переписывать и изучать новую технологию не хочется.
Метод вызывает функцию с новым значением this и переданными аргументамиПриведу немного кода и постараюсь объяснить, что происходит: