Comments on: EaselJS Pixel Perfect Collision Detection for Bitmaps with Alpha Threshold

By: Ehka

Ehka — Sun, 20 Oct 2019 13:54:00 +0000

hi！ olsn

when i use this JS

it’s tell me wrong:

ndgmr.Collision.js:173 Uncaught TypeError: Cannot read property ‘max’ of undefined
at _intersectingImagePart (ndgmr.Collision.js:173)
at Object.checkPixelCollision (ndgmr.Collision.js:89)
at Function.tick (game.js:265)
at createjs.min.js:12
at Function.b._dispatchEvent (createjs.min.js:12)
at Function.b._dispatchEvent (createjs.min.js:12)
at Function.b.dispatchEvent (createjs.min.js:12)
at Function.a._tick (createjs.min.js:12)
at a._handleTimeout (createjs.min.js:12)

By: Olivier C

Olivier C — Tue, 14 May 2019 20:35:00 +0000

Hey, I’ve encountered the same issue using Chrome.
I’ve edited the line 173 with return ctx.getImageData(0, 0, Math.max(1, intersetion. Math.max(1, intersetion.height)).data;
now it works…

By: rarema

rarema — Tue, 01 May 2018 09:26:00 +0000

By: Ashok Shah

Ashok Shah — Sat, 28 Mar 2015 20:31:00 +0000

Thanks for the post. It really worked perfectly.
But it wasted a lot of my time to test two circle graphics.
Lastly I know it only works it bitmap

By: Craig Bartlett

Craig Bartlett — Tue, 10 Mar 2015 10:13:00 +0000

Solved, I just created a get function in MyObject class that returns my Sprite.

var collision = ndgmr.checkPixelCollision(obj01.getImage(),obj02.getImage(), 1);

Works perfectly!

By: Craig Bartlett

Craig Bartlett — Tue, 10 Mar 2015 09:40:00 +0000

I get the expected result when using ndgmr.checkRectCollision but I am getting the following error in my console when trying to use ndgmr.checkPixelCollision. I would like the transparent areas not be detected in the collision.

TypeError: image is undefined
ctx.drawImage(image,0,0,image.width,image.height);

By: seb am

seb am — Mon, 19 Jan 2015 18:56:00 +0000

Tks Olaf for your work and the solution :
fix the bug(at least temporarily) by commenting out the
lines 68-71 in the ndgmr.Collision.js

//areObjectsCloseEnough = _collisionDistancePrecheck(bitmap1,bitmap2);
//if ( !areObjectsCloseEnough ) {
//return false;
//}

By: seb am

seb am — Tue, 13 Jan 2015 09:21:00 +0000

Hi, I try to detect collision between 2 bitmaps. Each bitmap have a specific rotation 45° or 90°. The collsion isn’t well done. Any help or example ? Tks

By: Sandeep Devadas

Sandeep Devadas — Sat, 30 Aug 2014 11:00:00 +0000

Here is the image of my output .

By: Sandeep Devadas

Sandeep Devadas — Sat, 30 Aug 2014 10:48:00 +0000

Hi olsn, Im new to this and easeljs and createjs and couldnt get your collision detector to work on my PC. I have copied all the .js files to a js folder,moved the png’s to an assets folder,copied the ngmr to the source and run the index.html file. But all it does is it shows the button and the text field. I have attached the index file which i use