плавная анимация pixi.js по радиусу круга

Question

Мне было интересно, можно ли было сделать плавную анимацию на кругах / спрайтах, как я делал для хитов, используя D3.js поверх Leaflet

https://drive.google.com/file/d/10d5L_zR-MyQf1H9CLDg1wKcvnPQd5mvW/view?usp=sharing

С несколькими кругами D3 работает нормально. Затем браузер рушится. Я совершенно новичок в Pixi.js, думаю, это нужно сделать, изменив масштаб. Мне удалось это изменить, но не совсем гладко. Есть что-то похожее на D3.js для анимации?

Я пытаюсь подключить плагин Leaflet.PixiOverlay, используя в качестве ссылки для кодирования этот пример заранее спасибо

Answer 1

Линейная интерполяция:

lerp = (a, b, c) => a * (1 - c) + b * c;

Используйте это во время цикла requestAnimationFrame

circle.radius = lerp(circle.radius, /* Your Radius Here*/, 0.1);