Kinetic.JS Canvas旋转振动动画

Question

我有一个画布动画，我正在使用Kinetic.js库。

在这段代码中我还有一组对象，我可以轻松制作动画和旋转。我需要的是旋转绕中心点摆动。

所以不要只是四处转转 - 需要来回摆动。我已经尝试了一切，但无法找到如何做到这一点。

与本教程相似....

HTML5 Canvas Oscillation tuturial

除了在一个平面上向后摆动一个正方形外，它需要向前和向后旋转。

var carTopLeftGroup = new Kinetic.Group({
        x: stageWidth / 2 - 35,
        y:  stageHeight / 2 - 25,
        rotationDeg: 30,
        offset: [800, 50]
    });

    carTopLeftGroup.add(carTopLeftLight);
    carTopLeftGroup.add(carTopLeft);

    welcomeLayer.add(carTopLeftGroup);

希望这是明确的，并尽可能多地解释。

此致 JS

Answer 1

你的意思是钟摆算法吗？

Modeling Physics in Javascript: Introduction

你可以看看并使用那里的数学并使用Kineticjs代替纯html5画布。