在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/人工智能  HTML/ js怎么做捕魚達人的子彈

js怎么做捕魚達人的子彈

讓子彈根據(jù)鼠標(biāo)點擊的方向發(fā)射出去,跟捕魚達人的一樣

回答
編輯回答
風(fēng)畔

一、兩個步驟:
1.獲取鼠標(biāo)點擊的坐標(biāo);
2.將子彈移動到第1步得到的坐標(biāo)。

二、完整代碼:
依賴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>
2018年3月19日 04:24
編輯回答
耍太極

在別人寫的捕魚達人源碼里找到了,已解決

2017年6月26日 10:52