位圖逐漸移動到一個點擊（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); 
} 

乾杯。