Próbuję znaleźć dobry sposób na wykrycie kolizji w mojej małej aplikacji.

Właśnie utworzyłem 2 prostokąty za pomocą createjs.Shape

Ale po utworzeniu kształtu prostokąta interfejs API nie informuje mnie o szerokości i wysokości prostokąta (nie wiem dlaczego).

EaselJS Shape ma metodę zwaną „hitTest”, ale może być używana tylko wtedy, gdy chcesz przetestować kolizję kształtu ipunkt.

//Here's the code http://jsfiddle.net/ZbZjL/16/.

//Create a stage by getting a reference to the canvas
stage = new createjs.Stage("demoCanvas");
//Create a Shape DisplayObject.
redRect = new createjs.Shape();
redRect.graphics.beginFill("red").drawRect(0, 0, 60, 40);
redRect.regX = 30;
redRect.regY = 20;
redRect.x = 200;
redRect.y = 100;

blueRect = new createjs.Shape();
blueRect.graphics.beginFill("blue").drawRect(0, 0, 60, 40);
blueRect.regX = 30;
blueRect.regY = 20;
blueRect.x = 0;
blueRect.y = 100;
//Add Shape instance to stage display list.
stage.addChild(redRect);
stage.addChild(blueRect);
//Update stage will render next frame
stage.update();

document.addEventListener("mousemove", onMouseMove);
function onMouseMove(event) {
    blueRect.x = event.offsetX;
    stage.update();
}