ビットマップを徐々にクリック（easeljs）に移動

Question

ビットマップをクリック位置に移動したいが、bitmap.x/bitmap.yとclick.x/click.yの間の進行を見たい このアニメーションを作成するにはどうしたらいいですか？

どうもありがとう

Answer 1

ステージがクリックされたときは、TweenJSを使用してトゥイーンを作成することができます：ここでは

stage.on("stagemousedown", function(event) { 
    // Tween to the new position. Override old tweens on the same object. 
    createjs.Tween.get(bitmapInstance, {override:true}).to({x:event.stageX, y:event.stageY}, 500, createjs.Ease.quadIn); 
}) 

は、迅速なフィドルです：http://jsfiddle.net/jemohtgh/

それとも、クリックした位置を格納することができ、基本的には形状が（fiddle）になります。

var pos = new createjs.Point(); 
stage.on("stagemousedown", function(event) { 
    pos.setValues(event.stageX, event.stageY); 
}) 
function tick(event) { 
    // Move towards the position 
    s.x += (pos.x - s.x)/2; 
    s.y += (pos.y - s.y)/2; 
    stage.update(event); 
} 

また、マウスを使って同じことが続くの代わりに、クリック（fiddle）行うことができます。

function tick(event) { 
    s.x += (stage.mouseX - s.x)/5; 
    s.y += (stage.mouseY - s.y)/5; 
    stage.update(event); 
} 

乾杯。