ネズミをゆっくり動く猫が追いかける。猫を触ると消える。猫はいっぱいくる's game

Click here for free DL of the app version that can save data.

No:47786

102

←

Prev Next

→

ネズミをゆっくり動く猫が追いかける。猫を触ると消える。猫はいっぱいくる
Developer User20650｜Date and time 24/2/29 21:26:51
Build time 6.125 sec｜Game capacity 1.155KB｜

Script

🐱

🐭

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Cat and Mouse Game</title>
</head>
<body>
    <div id="cat" style="position: absolute; top: 50%; left: 50%;">🐱</div>
    <div id="mouse" style="position: absolute; top: 10%; left: 10%;">🐭</div>

document.addEventListener("click", function(event) {
            if (event.target === cat) {
                cat.style.display = "none";
            }
        });

document.addEventListener("mousemove", function(event) {
            const x = event.clientX;
            const y = event.clientY;

let catX = parseInt(cat.style.left, 10);
            let catY = parseInt(cat.style.top, 10);

const dx = x - catX;
            const dy = y - catY;

const distance = Math.sqrt(dx*dx + dy*dy);

if (distance > 10) {
                catX += dx * 0.01;
                catY += dy * 0.01;

cat.style.left = catX + "px";
                cat.style.top = catY + "px";
            }
        });
    </script>
</body>
</html>