我有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 }
)