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

问题描述 投票:0回答:1

我想知道是否有可能在圆圈/精灵上做平滑动画,就像我使用D3.js在Leaflet上点击一样

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

只有一些圆圈D3工作正常。然后,浏览器崩溃。我是Pixi.js的新手,我想应该改变比例。我设法改变它,但根本不顺利。 D3.js有类似动画的东西吗?

我正在尝试Leaflet.PixiOverlay插件,使用作为参考编码this example提前感谢

javascript d3.js leaflet pixi.js
1个回答
0
投票

线性插值:

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

在循环通过requestAnimationFrame时使用它

circle.radius = lerp(circle.radius, /* Your Radius Here*/, 0.1);
© www.soinside.com 2019 - 2024. All rights reserved.