PixiJS 随机旋转和下降速度

Question

我正在尝试基于角度属性进行简单的随机“旋转”，并希望实现以下目标。

• 随机旋转，说“旋转”到 500 度
• 以高速启动，当接近“旋转”度数时，降低“旋转”速度，以免立即停止。

我在此链接上提出了我要实现的基本概念： https://www.pixiplayground.com/#/edit/yalRPEN~6tg3seIHq5hbI

在动画函数中，如果我把 let degree = 2000;作为一个 Math.Random 值，它会破坏动画，因为这个动画函数似乎被多次调用？

另外，我尝试使用 speed 属性，它会以较高的值开始并随着“旋转”而开始变低，但它似乎什么也没做？也尝试使用animationSpeed，因为我使用角度属性来改变度数，但我看不到速度差异。

我们将不胜感激。

谢谢

Answer 1

一种方法是改变角度而不是速度。像这样的：

var angleStep = 40;
let rotateSpeed = Math.floor(Math.random() * 300)

function animate() {
    bunny.angle += angleStep;

    angleStep = angleStep - angleStep/rotateSpeed;

    if ((angleStep.toFixed(1) <= 0.0)) {
        console.log("stopped rotation")
        bunny.angle = bunny.angle;
        return bunny.angle;
    } else {
        requestAnimationFrame(animate);
    }
}