矩形碰撞检测

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

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

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，表示发生了碰撞。

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