создание 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, кстати, что я буду считать, что вы используете на основе вашего образа следовать примеру.