javascript - 圆半径上的平滑动画 pixi.js

Question

我想知道是否可以像在 Leaflet 上使用 D3.js 一样对圆/精灵进行平滑动画处理

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

只有一些圆圈 D3 工作正常。然后，浏览器崩溃。我对 Pixi.js 完全陌生，我想应该改变比例。我设法改变它，但一点也不顺利。有类似于 D3.js 的动画吗？

我正在尝试使用 Leaflet.PixiOverlay 插件，作为编写此示例的参考， 在此先感谢

标签： javascriptd3.jsleafletpixi.js

Answer 1

线性插值：

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

在循环时使用它requestAnimationFrame

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