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

No:49920

←

Prev Next

→

走れ猫
Developer User21088｜Date and time 24/3/6 18:22:16
Build time 6.544 sec｜Game capacity 1.761KB｜

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>
    <h1>走れ猫</h1>
    <p>画面をタップして猫を走らせよう！</p>

let speed = 5;

document.addEventListener('click', function() {
                moveCat();
            });

function moveCat() {
                let x = Math.random() * window.innerWidth;
                let y = Math.random() * window.innerHeight;
                
                let deltaX = x - cat.offsetLeft;
                let deltaY = y - cat.offsetTop;
                let angle = Math.atan2(deltaY, deltaX);
                let dist = Math.sqrt(deltaX * deltaX + deltaY * deltaY);

let deltaXNorm = speed * (deltaX / dist);
                let deltaYNorm = speed * (deltaY / dist);

let interval = setInterval(function() {
                    cat.style.left = cat.offsetLeft + deltaXNorm + 'px';
                    cat.style.top = cat.offsetTop + deltaYNorm + 'px';

if (Math.sqrt(Math.pow(x - cat.offsetLeft, 2) + Math.pow(y - cat.offsetTop, 2)) < speed) {
                        clearInterval(interval);
                    }
                }, 1000 / 60);
            }
        });
    </script>
</body>
</html>