Я рендерю кучу Путей (примерно 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 успешно с этим справляется, но переписывать и изучать новую технологию не хочется.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Метод вызывает функцию с новым значением this и переданными аргументамиПриведу немного кода и постараюсь объяснить, что происходит: