Adobe Animate CC和JavaScript - 碰撞检测

时间:2016-04-08 09:34:16

标签: javascript adobe collision-detection easeljs animate-cc

我正在使用Adobe Animate CC和JavaScript编码。我试图使用以下代码检测两个符号之间的冲突:

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");           
    }
}

但是这没有做任何事情,声明总是错误的。

我该如何解决这个问题?

4 个答案:

答案 0 :(得分:0)

你可以使用“setBounds(_x,_y,_wifth,_height)”

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

然后检查:

bounds = player.getTransformedBounds();

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

西班牙语参考:https://www.youtube.com/watch?v=AlqiplcnM7s

答案 1 :(得分:0)

以下是Adobe Animate CC的示例代码,其中包含6个可拖动项目和2个拖放区域。当画布设置为响应时,这也适用。它应该很容易将其拆分成拖放和碰撞检测/命中测试之间所需的任何东西。

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");

}

}

答案 2 :(得分:0)

尝试缩小对象。 该代码应该工作。它为我工作。我有一个骑自行车的球员。该程序显示自行车前轮撞到猫时发生碰撞。

当我的自行车后轮碰到猫时,它不显示碰撞警报。

答案 3 :(得分:0)

您可以使用SetInterval()函数代替createJs.ticker,并保持其余代码不变。我认为您在createJs中犯了错误