如何在另一個對象經過時顯示對象

-1

我使用createjs和補間創建了包含5個對象的動畫。如何在另一個對象經過時顯示對象

的第一個對象是一輛汽車，穿越水平的屏幕而其它4個對象是4樓，我希望每次每一次展現一旦車傳過來的對象（最初是隱藏的）。

這是其中i設定的位置和α爲0

卡車是穿越屏幕塊是建築物我要顯示在一個時間的對象的代碼的一部分。

truck = new createjs.Shape(); 
truck = new createjs.Bitmap(loader.getResult("truck")); 
truck.x=-truck.image.width; 
truck.y=0; 
createjs.Tween.get(truck, { loop: true }) 
    .wait(250) 
    .to({ x: w }, 5600, createjs.Ease.getPowInOut(0.5)); 
block1 = new createjs.Bitmap(loader.getResult("block3")); 
block1.x=0; 
block1.y=truck.image.height-block1.image.height; 
block1.alpha=0.0; 
createjs.Tween.get(block1, { override: true }) 
    .wait(250) 
    .to({ alpha: 1 }, 600, createjs.Ease.getPowInOut(0.5)); 
block2 = new createjs.Bitmap(loader.getResult("block2")); 
block2.x=0; 
block2.y=truck.image.height-block2.image.height-block1.image.height; 
block2.alpha=0.0; 
createjs.Tween.get(block2, { override: true }) 
    .wait(500) 
    .to({ alpha: 1 }, 1600, createjs.Ease.getPowInOut(0.5)); 
block3 = new createjs.Bitmap(loader.getResult("block1")); 
block3.x=block1.image.width; 
block3.y=truck.image.height-block3.image.height;; 
block3.alpha=0.0; 
block4 = new createjs.Bitmap(loader.getResult("block4")); 
block4.x=block1.image.width+block3.image.width; 
block4.y=truck.image.height-block4.image.height;; 
block4.alpha=0.0; 
block5 = new createjs.Bitmap(loader.getResult("block5")); 
block5.x=block1.image.width+block3.image.width+block4.image.width; 
block5.y=truck.image.height-block5.image.height;; 
block5.alpha=0.0;

來源

2016-11-07 Kerby82

請解釋一下你所要求的用於幫助 - 到目前爲止，你所描述的所有是要發生的，而不是失敗或什麼症狀是什麼。 –

我不知道如何實現它。此刻，我只是在出現嘗試與卡車通過該區塊的座標同步事件之前對這些區塊進行等待功能。我想知道當另一個物體穿過其座標時，是否有一種簡潔的方式來設置物體的alpha值。 – Kerby82

好吧，就像碰撞檢測一樣。看看這個其他的contextjs問題和答案，也許會有所幫助：http://stackoverflow.com/questions/28950618/collision-detection-using-createjs –

使用此

var index = truck.parent.getChildIndex(truck);

爲了獲得 truck對象的索引

。然後，你將需要設置要上面顯示對象的索引，使用這樣的：

block.parent.setChildIndex(block, index + 1);

或者，您可以刪除，然後才能得到它高於重新添加一個對象（最高畫布上的所有其他對象的指數）：

var parent = block.parent; 
parent.removeChild(block); 
parent.addChild(block);

來源

2016-11-14 17:38:32

如何在另一個對象經過時顯示對象

回答

相關問題