使用 createjs 进行碰撞检测

Question

我是 createjs 的新手，希望对碰撞检测这一主题获得一些指导。我已经使用循环创建了一些使用字体真棒的文本对象。接下来，我将它们保存在变量objx 中作为id，并在其中更新其位置坐标(x,y)。这是碰撞检测的代码：

createjs.Ticker.addEventListener("tick", function(){
    var jx,jy,jt,t;
        for(var i = 0 ; i < objx.length-1 ; i++)objx[i].id.color="#8B0000";
        for(var i = 0 ; i < objx.length-1 ; i++){
            x = objx[i].x;y = objx[i].y;t = objx[i].id;
            for(var j = i+1 ; j < objx.length-1 ; j++){
                jx = objx[j].x;jy = objx[j].y;
                if(x+t.getMeasuredWidth()>=jx && y+t.getMeasuredHeight()>=jy )
                {
                    jt = objx[j].id;
                    jt.color="#0000CD";
                    t.color="#0000CD";
                }
            }
        }
        stage.update();});
  }


}

tweenjs 的初始部分工作正常。我只是希望碰撞以这样一种方式发生，即文本的颜色仅在碰撞时发生变化，并且应该在碰撞后恢复为初始颜色。这会生成类似于以下内容的图像：

Answer 1

这对于 EaselJS 碰撞检测非常有用。 Collision Detection

您可以使用像素完美检测或边界框碰撞检测。