ゆっくり動く犬に触るとハートが降ってくる。ハートを触ると消える。犬を動く猫が追いかけてる。's game

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

No:47785

131

←

Prev Next

→

ゆっくり動く犬に触るとハートが降ってくる。ハートを触ると消える。犬を動く猫が追いかけてる。
Developer User20650｜Date and time 24/2/29 21:24:23
Build time 6.254 sec｜Game capacity 1.47KB｜

Script

🐶

🐱

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>犬と猫のゲーム</title>
</head>
<body>
    <div id="dog" style="position: absolute; top: 50%; left: 50%; font-size: 40px;">🐶</div>
    <div id="cat" style="position: absolute; top: 20%; left: 20%; font-size: 40px;">🐱</div>
    <div id="heart" style="position: absolute; font-size: 40px;"></div>

let score = 0;

dog.addEventListener('click', function() {
            score++;
            updateScore();
        });

function updateScore() {
            heart.textContent = `💗 x ${score}`;
        }

function moveCat() {
            const x = Math.random() * window.innerWidth;
            const y = Math.random() * window.innerHeight;

cat.style.top = y + 'px';
            cat.style.left = x + 'px';
        }

window.addEventListener('mousemove', function(e) {
            dog.style.top = e.clientY + 'px';
            dog.style.left = e.clientX + 'px';

const dogRect = dog.getBoundingClientRect();
            const catRect = cat.getBoundingClientRect();

if (Math.abs(dogRect.x - catRect.x) < 50 && Math.abs(dogRect.y - catRect.y) < 50) {
                moveCat();
            }
        });

setInterval(moveCat, 2000);
    </script>
</body>
</html>