制作javascript游戲

Question

我的目標是用Javascript做一個簡單的跟隨游戲類型。 我不了解javascript，但我了解編程（主要是Java）。

在該游戲中，用戶必須使用鼠標指針跟隨畫線。 自然有線的起點和終點。

到目前為止，我發現了以下代碼： 使圖像跟隨鼠標指針 ，但是現在我正在努力檢查鼠標坐標不在行內時的情況。

我可以使用任何庫，因此，如果有一些簡單的用於游戲的js庫，請向我推薦它們。

因此，重復這個問題：如何檢查鼠標光標是否在線（管道）內？ 如果您還有其他建議，請發布。

Answer 1

有幾種方法可以解決此問題。 可以說，最簡單的方法是使用SVG路徑創建“管道”，然后檢測鼠標是否懸停在這些線上。

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

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

順便說一下，這使用了一個名為jQuery的庫，我將假設您根據圖像遵循示例使用該庫。