0

tween.js (create.js ライブラリ スイートの一部) を使用したことがある方がいらっしゃることを願っています。

私の問題を示す JS Fiddle があります: http://jsfiddle.net/qyp8Y/1/

各 8 ステップ ループの後に一時停止が表示されますが、これは本来あるべきではありません。

誰かがそれを見て、私が間違っていることを教えてもらえますか?

ありがとう！

4

1 に答える 1

2

確かに、いくつかのコードをステップスルーしましょう：

for (i = 0; i <= 8; i++) {
    t.to({
        rotation: 45 * i
    }, 1000, Ease.elasticOut).wait(200);
}

そのループで作成している値は次のとおりです。

i : rotation 
0 : 0
1 : 45
2 : 90
3 : 135
4 : 180
5 : 225
6 : 270
7 : 315
8 : 360

目的上、0と360は同じ値であることに注意してください。これは、ループが最初からやり直されると、360から0（またはどこにも）まで1秒間トゥイーンしていることを意味します。

オブジェクトは回転0から始まり、トゥイーンを360まで取り除くことはできません。ただし、トゥイーンを45まで（iを1から始める）から開始することで、冗長なトゥイーンを0/360まで取り除くことができます。

その変更により、次のようになります（注：使いやすさも変更したので、見やすくなりました）：

for (i = 1; i <= 8; i++) {
    t.to({
        rotation: 45 * i
    }, 1000, Ease.quadInOut).wait(200);
}

もちろん、解決すべき次の問題は、ギアを回転させる方法ですが、正しい照明/影の方向を失わないようにする方法です。それはあなたにお任せします。

更新：これは、あなたが提出したgithubの問題で見つかりました。

于 2012-04-30T21:59:49.693 に答える