使用Jquery或普通Javascript进行Div碰撞检测

Question

我正在使用gamequery http://gamequeryjs.com/进行一项非常简单的游戏。我正在尝试使用碰撞功能来确定两个div何时发生碰撞，这些div将被设计为显示精灵动画。这是碰撞功能的一个例子：

$(“#spaceship”).collision(“.missiles”).each(function(){
killspaceship();
explodemissil(this);
});

有关碰撞功能的更多信息，请访问：http://gamequeryjs.com/documentation/api/#collision

现在这是我的代码：

var collided = $("#sprite1").collision("#sprite2");
            if(collided.length > 0){
            alert('Collision!');
            }

它不起作用。非常感谢帮助知道我做错了什么，或者你是否有另外的jquery或js中的碰撞检测解决方案。

Answer 1

确保使用.addSprite()函数创建元素非常重要，并且还必须使用gamequeryjs函数移动元素。

http://vimeo.com/64073558

我也只使用alert('Collision!');而不使用if / else只是为了看看会发生什么。