我有HTML 5圆拖放示例,

http://jsfiddle.net/eGjak/503/

我想跟随事物


防止在画布外拖动圆圈
隐藏圆圈上的线
防止拖到另一个圆圈上


我玩一些代码,但那里没有运气。任何人都可以通过逻辑或一些有用的资源来帮助我

最佳答案

这是个简单的。只需检查x不会离开屏幕的左侧或右侧,而y不会离开屏幕的顶部或底部

如果(x> 0 || x     && y> 0 || y

...update...


}
在这里,您需要进行线/圆碰撞检查。 See here
为此,您需要进行圆/圆碰撞检测。如果相撞,则以下内容将返回true,否则返回false:

this.isIntersecting = function(c1center, c1radius, c2center, c2radius)
{

    var dX = Math.pow(c1center.x - c2center.x, 2);
    var dY = Math.pow(c1center.y - c2center.y, 2);
    var r2 = Math.pow(c1radius.radius() + c2radius.radius(), 2);
    return (dX + dY <= r2);
}



c1center和c2center是具有x,y属性的对象(例如:c1center = {x:0, y:0 }

09-20 07:34