鍍金池/ 問(wèn)答/人工智能  HTML/ js怎么做捕魚(yú)達(dá)人的子彈

js怎么做捕魚(yú)達(dá)人的子彈

讓子彈根據(jù)鼠標(biāo)點(diǎn)擊的方向發(fā)射出去，跟捕魚(yú)達(dá)人的一樣

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

一、兩個(gè)步驟：
1.獲取鼠標(biāo)點(diǎn)擊的坐標(biāo)；
2.將子彈移動(dòng)到第1步得到的坐標(biāo)。

二、完整代碼：
依賴(lài)jQuery的animate動(dòng)畫(huà)

<!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
編輯回答
耍太極

在別人寫(xiě)的捕魚(yú)達(dá)人源碼里找到了，已解決

2017年6月26日 10:52