Ein Spiel wo man Auto fahren kann und Banken überfallen's game

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

No:20806

←

Prev Next

→

Ein Spiel wo man Auto fahren kann und Banken überf..ALL
Developer User9159｜Date and time 23/10/11 4:40:28
Build time 18.402 sec｜Game capacity 3.693KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Autofahren und Banküberfall Spiel</title>
    <style>
        #game-container {
            position: relative;
            width: 100%;
            height: 100vh;
            background-color: #000000;
        }
        #car {
            position: absolute;
            bottom: 10px;
            left: 50%;
            width: 50px;
            height: 100px;
            background-color: red;
            transform: translateX(-50%);
        }
        .bank {
            position: absolute;
            bottom: 50%;
            width: 50px;
            height: 50px;
            background-color: yellow;
        }

.hidden {
            display: none;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="car"></div>
        <div id="bank-1" class="bank"></div>
        <div id="bank-2" class="bank"></div>
        <div id="bank-3" class="bank"></div>
        <div id="bank-4" class="bank"></div>
        <div id="bank-5" class="bank"></div>
    </div>

var carPosition = 50;
            var score = 0;
            var speed = 5;

function updateScore() {
                var scoreElement = document.getElementById("score");
                scoreElement.innerText = "Score: " + score;
            }

function checkCollision() {
                for (var i = 0; i < banks.length; i++) {
                    var bank = banks[i];
                    var bankRect = bank.getBoundingClientRect();
                    var carRect = car.getBoundingClientRect();

if (carRect.top <= bankRect.bottom && carRect.bottom >= bankRect.top &&
                        carRect.left <= bankRect.right && carRect.right >= bankRect.left) {
                        bank.classList.add("hidden");
                        score += 100;
                        updateScore();
                    }
                }
            }

function animate() {
                car.style.transition = "left " + speed + "s";
                var interval = setInterval(function() {
                    checkCollision();

if (carPosition <= 0 || carPosition >= 100) {
                        clearInterval(interval);
                        alert("Game Over! Final Score: " + score);
                        resetGame();
                        return;
                    }

moveCar("right");
                }, speed * 1000);
            }

function handleKeyPress(event) {
                if (event.key === "ArrowLeft") {
                    moveCar("left");
                } else if (event.key === "ArrowRight") {
                    moveCar("right");
                }
            }

function resetGame() {
                score = 0;
                speed = 5;
                updateScore();

for (var i = 0; i < banks.length; i++) {
                    banks[i].classList.remove("hidden");
                }

animate();
            }

document.addEventListener("keydown", handleKeyPress);

resetGame();
        });
    </script>
</body>
</html>