2016-08-09 3 views
0

create.jstween.jsを使用しています。私は、与えられたものよりも複雑なバウンスアニメーションを作ろうとしています。具体的には、オブジェクトのyを所定の座標ではなくオフセットでトゥイーンしようとしています。以下のようにこれを行う簡単な方法があるように思える:createjs tweenロケーションは現在の位置に基づいています

createjs.Tween.get(circle, {loop:false}).to({offset-x: 100}, 1000, createjs.Ease.linea); 

究極の質問:どのように私は、現在の位置のオフに基づいて、オブジェクトの座標をトゥイーンのですか?

答えて

1

Tweenインスタンスを作成するときは、確定的なアニメーションを作成します。つまり、トゥイーンの位置を任意の値(0と1の間の値)に設定することができます。

あなたが求めていることを理解していれば、トゥイーンを前面にしたいが、トゥイーンが作られたときの値ではなくオブジェクトの現在の位置を使用したい。このような場合は、別の方法が必要になります。おそらく、最初からではなく、必要に応じてオンデマンドでトゥイーンを生成する必要があります。そうすれば、あなたの現在のポジションを使うことができます。ここで

は、迅速なサンプルです: http://jsfiddle.net/x4xxwjuv/ ボールが一定の速度で移動していますが、ボタンをクリックしたときに、それ以下となります。

  1. バックトゥイーン現在の位置に基づいてビット、
  2. OR特定のY位置へのTween(床への落下)

その後、正常に移動を再開します。トゥイーンのボールは塗りつぶされ、アニメーションは塗りつぶされません。

ここにスパイクのサンプルコードを示します。

createjs.Tween.get(ball) 
    .to({x: ball.x+(ball.xSpeed*-4), y:ball.y+(ball.ySpeed*-4)}, 1000, createjs.Ease.bounceOut); 
関連する問題