问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js怎么做捕鱼达人的子弹

头像
魅力橙香丶
    17

    让子弹根据鼠标点击的方向发射出去，跟捕鱼达人的一样

    javascript算法
    阅读 3.6k
    3 个回答
    得票最新
    头像
    西谷
      443

      一、两个步骤：
      1.获取鼠标点击的坐标；
      2.将子弹移动到第1步得到的坐标。

      二、完整代码：
      依赖jQuery的animate动画

      <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        html,
        body,
        #container {
            width: 100%;
            height: 100%;
            position: relative;
        }

        #dot {
            background: #000;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            position: absolute;
        }
    </style>
</head>

<body>
    <div id="container">
        <div id="dot"></div>
    </div>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        function getMousePos(event) {
            var e = event || window.event;
            return { 'left': e.clientX, 'top': e.clientY }
        }
        $("#container").on("click", function (event) {
            var xy = getMousePos(event);
            $("#dot").animate(xy);
        })
    </script>
</body>

</html>
      头像
      魅力橙香丶
        17

        在别人写的捕鱼达人源码里找到了，已解决

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题