Adobe Animate CC und JavaScript - Kollisionserkennung

Question

Ich benutze Adobe Animate CC und Codierung in JavaScript. Ich versuche, eine Kollision zwischen zwei Symbolen zu erkennen, mit dem folgenden Code:

createjs.Ticker.on("tick", gameLoop, state); 

function gameLoop(){ 

var pt = player.globalToLocal(collect.x, collect.y); 
    if(player.hitTest(pt.x, pt.y)){ 
     alert("hit");   
    } 
} 

Aber das ist nicht etwas zu tun, ist die Aussage immer falsch.

Wie löse ich das?

Answer 1

Sie können "setBounds (_x, _y, _wifth, _height)" verwenden

player.setBounds(-30 , -30 , 60 , 60); 
enemy.setBounds(-30 , -30 , 60 , 60); 

dann zu überprüfen:

bounds = player.getTransformedBounds(); 

if (bounds.intersects(enemy.getTransformedBounds())) 
{ 
    // something code 
} 

Referenzen in Spanisch: https://www.youtube.com/watch?v=AlqiplcnM7s

Answer 2

Hier ist ein Beispiel Code für Adobe Animate CC mit 6 Drag-Elementen und 2 Drop-Bereichen. Dies funktioniert auch, wenn die Arbeitsfläche auf Responsive eingestellt ist. Es sollte einfach genug sein, um dies zwischen Drag & Drop und Kollisionserkennung/Treffertest zu kanalisieren.

this.block1.on("pressmove", function (evt) { 

var p = stage.globalToLocal(evt.stageX, evt.stageY); 

evt.currentTarget.x = p.x; 

evt.currentTarget.y = p.y; 

}); 

this.block2.on("pressmove", function (evt) { 

var p = stage.globalToLocal(evt.stageX, evt.stageY); 

evt.currentTarget.x = p.x; 

evt.currentTarget.y = p.y; 

}); 

this.block3.on("pressmove", function (evt) { 

var p = stage.globalToLocal(evt.stageX, evt.stageY); 

evt.currentTarget.x = p.x; 

evt.currentTarget.y = p.y; 

}); 

this.block4.on("pressmove", function (evt) { 

var p = stage.globalToLocal(evt.stageX, evt.stageY); 

evt.currentTarget.x = p.x; 

evt.currentTarget.y = p.y; 

}); 

this.block5.on("pressmove", function (evt) { 

var p = stage.globalToLocal(evt.stageX, evt.stageY); 

evt.currentTarget.x = p.x; 

evt.currentTarget.y = p.y; 

}); 

this.block6.on("pressmove", function (evt) { 

var p = stage.globalToLocal(evt.stageX, evt.stageY); 

evt.currentTarget.x = p.x; 

evt.currentTarget.y = p.y; 

}); 





this.on("tick", update.bind(this)); 

function update() { 

var b1 = this.block1.localToLocal(100, 0, this.frontAnswerDrop); 

var b2 = this.block2.localToLocal(100, 0, this.frontAnswerDrop); 

var b3 = this.block3.localToLocal(100, 0, this.frontAnswerDrop); 

var b4 = this.block4.localToLocal(100, 0, this.backAnswerDrop); 

var b5 = this.block5.localToLocal(100, 0, this.backAnswerDrop); 

var b6 = this.block6.localToLocal(100, 0, this.backAnswerDrop); 





if (this.frontAnswerDrop.hitTest(b1.x, b1.y)) { 

console.log("b1 collided"); 

} 

if (this.frontAnswerDrop.hitTest(b2.x, b2.y)) { 

console.log("b2 collided"); 

} 

if (this.frontAnswerDrop.hitTest(b3.x, b3.y)) { 

console.log("b3 collided"); 

} 

if (this.backAnswerDrop.hitTest(b4.x, b4.y)) { 

console.log("b4 collided"); 

} 

if (this.backAnswerDrop.hitTest(b5.x, b5.y)) { 

console.log("b5 collided"); 

} 

if (this.backAnswerDrop.hitTest(b6.x, b6.y)) { 

console.log("b6 collided"); 

} 

}