2

我有一个与 Kinetic.js 库一起使用的画布动画。

在这段代码中,我还有一组对象,我可以很容易地制作动画和旋转。我需要的是围绕中心点摆动的旋转。

因此,与其只是转来转去——还需要来回摆动。我已经尝试了一切,但找不到如何做到这一点。

类似于本教程....

HTML5 Canvas 振荡教程

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

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

4

1 回答 1

1

你的意思是像钟摆算法吗?

Javascript 中的物理建模:简介

您可以从那里查看并使用数学并使用 Kineticjs 而不是纯 html5 画布。

于 2012-12-13T13:46:26.800 回答