Kinetic.JS Canvas Rotate 振荡动画

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 画布。