Как я могу увеличить область указателя мыши в JavaScript?

Question

Я делаю игру «убийца жуков» с помощью указателя мыши и использую изображение бутылки на курсоре, который распыляет на жуков, но проблема в том, что спрей не убивает жуков, когда бутылка попадает на жуков, которые убивают с помощью клика. так может кто-нибудь сказать мне, как я могу решить эту проблему? Как я могу увеличить площадь указателя мыши в JavaScript ????

Это код анимации спрея:

 <script type="text/javascript">

// for Spray Animation

function clickEffect(e){

    var d=document.createElement("div");
    d.className="clickEffect";
    d.style.top=e.clientY+"px";d.style.left=e.clientX+"px";
    document.body.appendChild(d);
    d.addEventListener('animationend',function(){d.parentElement.removeChild(a);}.bind(this));}

    document.addEventListener('click',clickEffect);

</script>

Answer 1

Вы не можете «увеличить» указатель мыши. Что вам нужно сделать, это реализовать базовое обнаружение столкновений. Мы не можем рассказать вам, как это сделать, потому что об этом есть целые книги, но вот шаги, которые я бы прошел, если бы хотел сверхпростое обнаружение столкновений.

1) Зарегистрируйте событие щелчка и сохраните положение мыши

2) Расширить координаты мыши, чтобы покрыть большую поверхность (например, leftLimit = mouseposition x - 10)

3) Просмотрите все ваши ошибки или все, что вам нужно, чтобы иметь возможность нажимать. Рассчитайте пространство и позицию, которую они занимают на вашем экране. Если предел ошибки находится в пределах диапазона щелчка мыши, уничтожьте его