2

Kinetic.jsライブラリで使用しているキャンバスアニメーションがあります。

このコードには、アニメーション化と回転を簡単に行えるオブジェクトのグループもあります。私が必要としているのは、中心点を中心に振動するための回転です。

だから、ただぐるぐる回るのではなく、前後に振る必要があります。私はすべてを試しましたが、これを行う方法を見つけることができません。

このチュートリアルに似ています...

HTML5 Canvas Oscillation tuturial

1つの平面上で正方形を後方に振動させるのではなく、後方および前方に回転させる必要があります。

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 で物理学をモデリングする: はじめに

そこから数学を見て使用し、純粋な html5 キャンバスの代わりに Kineticjs を使用できます。

于 2012-12-13T13:46:26.800 に答える