圆半径上的平滑动画 pixi.js答案

【问题标题】：smooth animation pixi.js on circle radius圆半径上的平滑动画 pixi.js
【发布时间】：2019-08-02 13:42:56
【问题描述】：

我想知道是否可以像在 Leaflet 上使用 D3.js 对点击做的那样在圆圈/精灵上制作平滑动画

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

我正在尝试 Leaflet.PixiOverlay 插件，用作编码的参考this example 提前致谢

【问题讨论】：

【解决方案1】：

线性插值：

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

在循环requestAnimationFrame时使用它

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

【讨论】：