make a game where a you are robbing the bank but cops are chasing you but there slow's game

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

No:45722

←

Prev Next

→

make a game where a you are robbing the bank but c..ALL
Developer User19664｜Date and time 24/2/21 6:30:00
Build time 8.364 sec｜Game capacity 1.531KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bank Robbery Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        
        #player {
            position: relative;
            width: 50px;
            height: 50px;
            background-color: blue;
            animation: movePlayer 2s infinite linear;
        }

#cop {
            position: relative;
            width: 50px;
            height: 50px;
            background-color: red;
            animation: moveCop 4s infinite linear;
        }

@keyframes movePlayer {
            0% { left: 0; }
            100% { left: 90%; }
        }

@keyframes moveCop {
            0% { left: 0; }
            100% { left: 90%; }
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <div id="cop"></div>

document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowRight') {
                player.style.animationPlayState = 'running';
            }
        });

setInterval(function() {
            cop.style.animationDuration = Math.random() * (4 - 2) + 2 + 's';
        }, 5000);
    </script>
</body>
</html>