Question

我使用鼠标指针将游戏制作为“ bug杀手”，并使用光标上的瓶子图像来喷洒bug，但是问题是当瓶子上的onclick会杀死它们时，喷雾不会杀死它们。所以有人可以告诉我如何解决这个问题吗？如何在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 =鼠标位置x-10）

3）循环遍历所有错误或需要单击的所有内容。计算它们在屏幕上占据的空间和位置。如果错误的限制在鼠标单击的范围内，则将其销毁

如何增加JavaScript中的鼠标指针区域？

1 个答案: