这是包含 6 个可拖动项目和 2 个放置区域的 Adobe Animate CC 示例代码。当画布设置为响应式时,这也有效。在拖放和碰撞检测/命中测试之间将其蚕食到所需的任何东西中应该很容易。
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");
}
}