矩形碰撞检测

碰撞检测，判断显示对象是否与一点相交。

矩形碰撞检测，是判断显示对象的包围盒是否与一点相交。

Egret 提供 hitTestPoint() 方法进行碰撞检测，矩形碰撞检测的用法为：

const isHit: boolean = shp.hitTestPoint(x, y);

shp 是待检测的显示对象，(x, y)是待检测的点的位置。如果发生碰撞，则方法返回 true,如果没有发生碰撞，则返回 false。

• 示例代码1：

class HitTest extends egret.DisplayObjectContainer {
    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
    }
    private onAddToStage(event: egret.Event) {
        this.drawText();
        const shp: egret.Shape = new egret.Shape();
        shp.graphics.beginFill(0xff0000);
        shp.graphics.drawRect(0, 0, 100, 100);
        shp.graphics.endFill();
        shp.width = 100;
        shp.height = 100;
        this.addChild(shp);
        const isHit: boolean = shp.hitTestPoint(10, 10);
        this.infoText.text = "isHit: " + isHit;
    }
    private infoText: egret.TextField;
    private drawText() {
        this.infoText = new egret.TextField();
        this.infoText.y = 200;
        this.infoText.text = "isHit";
        this.addChild(this.infoText);
    }
}

编译调试后，效果如下图：

文本中返回碰撞的结果，显示为 true，表示发生了碰撞。

• 示例代码2：

class HitTest extends egret.DisplayObjectContainer {
    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
    }
    private onAddToStage(event: egret.Event) {
        this.drawText();
        const shp: egret.Shape = new egret.Shape();
        shp.graphics.beginFill(0xff0000);
        shp.graphics.drawCircle(0, 0, 20);
        shp.graphics.endFill();
        shp.width = 100;
        shp.height = 100;
        this.addChild(shp);
        const isHit: boolean = shp.hitTestPoint(25, 25);
        this.infoText.text = "isHit: " + isHit;
    }
    private infoText: egret.TextField;
    private drawText() {
        this.infoText = new egret.TextField();
        this.infoText.y = 200;
        this.infoText.text = "isHit: ";
        this.addChild(this.infoText);
    }
}

编译调试后，效果如下图：

文本中返回碰撞的结果，显示为 true，表示发生了碰撞。

注意：该点并未与红色圆形直接相交，而是与红色圆形的包围盒相交。