Javascript HTML5画布圆形和矩形之间的冲突

Javascript HTML5画布圆形和矩形之间的冲突,javascript,html,canvas,html5-canvas,Javascript,Html,Canvas,Html5 Canvas,可能重复: 这比实际工作代码更假 var dX = rectanlge.x - circle.x; var dY = rectangle.y - circle.y; var distance = Math.sqrt((dX*dX)+(dY*dY)); if(distance < circle.radius){ //Collision } 然后我将循环遍历这个数组您将在那里找到非常好的算法:您的矩形是如何定义的?我已将其添加到我的问题中供初学者使用,您使用的是矩形,而不是矩形

可能重复:

这比实际工作代码更假

var dX = rectanlge.x - circle.x;
var dY = rectangle.y - circle.y;
var distance = Math.sqrt((dX*dX)+(dY*dY));
if(distance < circle.radius){
     //Collision
}

然后我将循环遍历这个数组

您将在那里找到非常好的算法:

您的
矩形
是如何定义的?我已将其添加到我的问题中供初学者使用,您使用的是
矩形
,而不是
矩形
rectangles = [];    
var rectangle = function(x,y,width,height){
            this.x = x;
            this.y = y;
            this.width = width;
            this.height = height;
        };