Comments on: getBounds() method for EaselJS DisplayObjects

By: olsn

olsn — Thu, 09 May 2013 15:59:36 +0000

You can absolutely do that – the getBounds-method here does only work for Bitmaps and BitmapAnimations – so for Shapes it’s not that simple to get the bounds.

By: moose

moose — Thu, 09 May 2013 14:27:58 +0000

I like the collision detection (and all the other stuff!), but it might be a little too much calculations for some cases with simple shapes just to get the bounds?

Though maybe a bit sloppy, is there much harm in creating and saving an extra var like radius, width and height on a shape object like this:

var circle;

function init(){
circle = new createjs.Shape();
var radius = circle.radius  = Math.random()*20 + 20; 
circle.graphics.beginFill("olive").drawCircle(0, 0, radius);
}

function somewhereAlongTheLine(){
alert(circle.radius);
}

..and if you do a transform you'll have to update 'm manually...

circle.scaleX = 1.5;
circle.radius *=1.5;

var circle;

function init(){

circle = new createjs.Shape();

var radius = circle.radius = Math.random()*20 + 20;

circle.graphics.beginFill("olive").drawCircle(0, 0, radius);

}

function somewhereAlongTheLine(){

alert(circle.radius);

}

..and if you do a transform you'll have to update 'm manually...

circle.scaleX = 1.5;

circle.radius *=1.5;

Would that slow things down a lot or generate problems for cleaning up DisplayObjects?

Cheers! Michel

By: olsn

olsn — Thu, 14 Mar 2013 09:22:17 +0000

Yes, that is correct. Shapes are dynamic and it is currently not possible to get the width and hight of a Shape with a reasonable performance.
Also I would suggest you to use this library: https://github.com/olsn/Collision-Detection-for-EaselJS it contains the getBounds()-method and is regularly updated and contains bugfixes

By: Muhammad

Muhammad — Thu, 14 Mar 2013 07:10:59 +0000

Apparently this does not work with DisplayObject or Shape.. right?

By: olsn

olsn — Thu, 06 Dec 2012 12:40:54 +0000

I updated the snipped, it should work with the current version of easelJS now.
It will also take rotation into account now.

cheers

By: olsn

olsn — Wed, 05 Dec 2012 15:50:16 +0000

hi,

i wrote this for an older version of EaselJS and have not tested or used it with the current version,
it is possible that it might be not working correctly any more

By: Tony

Tony — Wed, 05 Dec 2012 14:46:41 +0000

Hello again,

Just tested it..
Actually, it does”t work. At least for containers.
You compare to the width of children which is an undefined property as the width of the parent…

By: Tony

Tony — Wed, 05 Dec 2012 14:09:39 +0000

Hello,

it looks great, i’m testing it.
Quickly:
– the algorithm for Bitmap doesn’t handle the case the bitmap is not loaded yet
– your algorithm doesn’t handle filters as well
But anyway, very useful job

By: Retro Style Plattform Runner Game for mobile with EaselJS (Part 2) | indiegamr

Thu, 05 Jul 2012 14:31:33 +0000

[…] Post navigation ← Previous […]