Skip to content

Container

Jump to bottom
何波 edited this page Feb 14, 2019 · 12 revisions

Container实质

Container中有一个this.children = []的数组，Container的作用就是向children数组中addChild，removeChild，removeAllChildren，sortChildren，getChildIndex，swapChildrenAt，setChildIndex等操作

Container.getObjectsUnderPoint ( x y [mode=0] ) Array

返回此Container中指定坐标(x,y)下所有DisplayObject的数组。如果该Container中的DisplayObject设置mouseEnabled = true将会忽略。数组将按可视深度的顺序排序，最上面的DisplayObject索引为0。这是用最基础的形状检查，并且运行起来可能是一个昂贵的操作，所以你最好小心使用它。例如，if testing for objects under the mouse, test on tick (instead of on stagemousemove), and only if the mouse's position has changed.

  • 默认情况下（mode=0），此方法计算所有显示对象DisplayObject。
  • mode=1，将遵守mouseEnabled和mouseChildren属性值。
  • mode=2，会排除DisplayObject没有mouse event listeners 或DisplayObject:Cursor:Property属性的显示对象。也就是说，只包括通常会拦截鼠标交互的对象。在某些情况下，这可以通过减少需要测试的显示对象的数量来显著提高性能。

这个方法同时解释了hitarea和mask。

Container.protype.hitTest源码

Container.prototype.hitTest = function(x, y) {
  // TODO: optimize to use the fast cache check where possible.
  return (this.getObjectUnderPoint(x, y) != null);
};

getObjectUnderPoint ( x y mode ) DisplayObject

与getObjectsEnderPoint类似，但只返回最上面的显示对象。这比getObjectsUnderPoint（）运行得快得多，但仍然可能是一个昂贵的操作。

有的游戏的就可以getObjectUnderPoint来进行粗略的碰撞检测，如TrashDash这个游戏

var target = obstacles.getObjectUnderPoint(hero.x, hero.y, 1);
if (target && !dead) {
  if (target.trash) {
    target.parent.removeChild(target);
    changeWeight(0.2);
    playSound("crunch");
  } else if (!inDash) {
    die();
  }
}

因为这种点与面进行碰撞检测，与实际的面与面进行碰撞检测有较大的误差。可以把障碍物中添加一个hitbox比实际的障碍物大一号

var wall = new lib.Wall();
wall.hitArea.visible = false;
wall.cache(0, 0, 190, 640);
wallImg = wall.cacheCanvas;
wallHitArea = wall.hitArea;

Clone this wiki locally