制作javascript游戏按照行

Question

我的目标是在Javascript中制作一个简单的线下游戏类型。我对javascript一无所知，但我知道编程（主要是Java）。

在这个游戏中，用户必须用他/她的鼠标指针跟随绘制的线条。当然有线的起点和终点。

到目前为止，我发现了这段代码：Make an image follow mouse pointer，但现在我正在努力检查鼠标坐标何时不在线内。

我可以使用任何库，所以如果有一些简单的游戏js库，请向我推荐。

所以，重复一下这个问题：如何检查鼠标光标是否在线（管道）内？如果您有任何其他建议，请发布。

Answer 1

有几种方法可以解决这个问题。可以说最简单的方法是使用SVG路径创建“管道”，然后检测鼠标是否悬停在这些线上。

<svg>
   <path ...>
</svg>

$("svg path").hover(function () {
   // I'm inside the line!
}, function () {
   // I left the line!
});

顺便说一句，这使用了一个名为jQuery的库，我将根据你的图片假设你正在使用这个例子。