白鹭引擎 - 碰撞检测 ( hitTestPoint )

1, 矩形碰撞检测

class Main extends egret.DisplayObjectContainer {

    /**

     * Main 类构造器, 初始化的时候自动执行, ( 子类的构造函数必须调用父类的构造函数 super )

     * constructor 是类的构造函数, 类在实例化的时候调用

     * egret.Event.ADDED_TO_STAGE, 在将显示对象添加到舞台显示列表时调度

     */

    public constructor() {

        super();

        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);

    }

    /**

     * 显示对象.hitTestPoint(x, y) 用于判断矩形与某个点是否发生碰撞

     * 以下为检测左右晃动的矩形是否与 点 300, 100 发生碰撞 (相交)

     */

    private onAddToStage(event: egret.Event) {

        var isHit:boolean = false;

        var infoText:egret.TextField = new egret.TextField();

        infoText.y = 200;

        infoText.text = "isHit: " + isHit;

        this.addChild(infoText);

        var shp:egret.Shape = new egret.Shape();

        shp.graphics.beginFill( 0xff0000 );

        shp.graphics.drawRect( 0,0,100,100);

        shp.graphics.endFill();

        this.addChild(shp);

        var append = 10;

        egret.startTick(function():boolean {

            shp.x += append;

            if (shp.x == 540) {

                append = -10;

            } else if (shp.x == 0) {

                append = 10;

            }

            isHit = shp.hitTestPoint(300, 100);

            infoText.text = "isHit: " + isHit;

            return true;

        }, this);

    }

}

2, 像素碰撞检测

class Main extends egret.DisplayObjectContainer {

    /**

     * Main 类构造器, 初始化的时候自动执行, ( 子类的构造函数必须调用父类的构造函数 super )

     * constructor 是类的构造函数, 类在实例化的时候调用

     * egret.Event.ADDED_TO_STAGE, 在将显示对象添加到舞台显示列表时调度

     */

    public constructor() {

        super();

        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);

    }

    /**

     * 显示对象.hitTestPoint(x, y, 是否使用像素检测) 用于像素碰撞检测

     * 与矩形碰撞检测相比, 像素碰撞检测只会检测显示对象显示部分与这个点是否碰撞

     * 而矩形碰撞检测是检测显示对象的包围圈是否和这个点碰撞, 像素碰撞检测消耗性能大

     * 如下绘制两个圆, 依次和他们的最小包围矩形的右下角的坐标做碰撞检测

     * 最小包围矩形 => 水平的能将整个图案包括在内的矩形

     * 可以发现, 矩形碰撞检测, 碰撞点只要在显示的对象的最小包围矩形内, 就返回 true

     * 而像素碰撞检测, 碰撞点只有在园内的, 即显示区域内, 才返回 true

     */

    private onAddToStage(event: egret.Event) {

        var shp1:egret.Shape = new egret.Shape();

        shp1.graphics.beginFill( 0xff0000 );

        shp1.graphics.drawCircle( 50,50,50);

        shp1.graphics.endFill();

        this.addChild(shp1);

        var shp2:egret.Shape = new egret.Shape();

        shp2.graphics.beginFill( 0xff0000 );

        shp2.graphics.drawCircle( 50,450,50);

        shp2.graphics.endFill();

        this.addChild(shp2);

        var isHit0:boolean = shp1.hitTestPoint(100, 100);

        var isHit1:boolean = shp2.hitTestPoint(100, 500, true);

        var infoText:egret.TextField = new egret.TextField();

        infoText.y = 200;

        infoText.text = "isHit0: " + isHit0 + ", isHit1: " + isHit1;

        this.addChild(infoText);

    }

}