Div collision detection with Jquery or plain Javascript

Question

I'm using gamequery http://gamequeryjs.com/ for a very simple game I'm building. I'm trying to use the collision function to determine when two divs have collided, these divs would be styled to display sprite animations. Here's an example of the collision function:

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

More information on the collision function can be found here:http://gamequeryjs.com/documentation/api/#collision

Now here's my code:

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

and it's not working. Would appreciate help knowing what I'm doing wrong or if you have another solution for collision detection in jquery or js.

Can we get a jsFiddle with a simple demonstration illustrating this fact please — Ohgodwhy
– Ohgodwhy, Commented Mar 4, 2014 at 3:15

RCNeil · Accepted Answer · 2014-03-04 03:18:12Z

1

It's important to make sure the elements were created using the .addSprite() function and also have to be moved around using gamequeryjs functions.

http://vimeo.com/64073558

I would also just use alert('Collision!'); without an if/else just to see what happens.

answered Mar 4, 2014 at 3:18

RCNeil

8,79912 gold badges45 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Div collision detection with Jquery or plain Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related