2012-04-24 22 views
0

tween.js(create.jsスイートスイートの一部)で作業してくださった方々がいることを期待しています。TweenJSのループを一時停止

私はあなたに私の問題を示すために、JSフィドルを持っている:http://jsfiddle.net/qyp8Y/1/

私はすべきではない、それぞれ8ステップループ、後のポーズを見ています。

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

ありがとうございます!

答えて

2

確かに、いくつかのコードしかしステップすることができます:あなたの目的のために0と360が同じ値であることを

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

注:ここでは

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

をあなたがそのループ内で作成されている値です。これは、ループが最初から開始されるとき、1秒間に360度から0度(またはどこでも)のトゥイーンであることを意味します。

オブジェクトは回転0で始まり、360にトゥイーンを取り除くことはできません。トゥイーンから45(最初は1を始める)から始めることで、冗長トゥイーンを0/360に削除できます。

この中で結果を変更

(注:私も使いやすさを変えので、私はそれをよりよく見ることができる):もちろん

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

、解決するために次の問題は、ギアを作る回転させるが、負けない方法です正しい照明/シャドー方向がそのまま表示されます。私はあなたにそれを残すでしょう。

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

+0

壮大な、ありがとう!ギアはGoogleのキャッシュで見つかるシンプルなものですが、私の実際のギアはおそらくInkscapeのgears.py拡張子から盗んでいるコードを使ってJSで生成されます。 :)私はちょうど良い角度で互いに隣り合ったギアをどのように配置するか考え出しました。 (ただし、今のところ1つのサイズのギアを使用すると、さまざまなギア比がこれをより面白くするでしょう。) – rdrey

関連する問題