Auto spiel rennen gegen ai Gegner die so aussehen wie in rocket league's game

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

No:24665

104

←

Prev Next

→

Auto spiel rennen gegen ai Gegner die so aussehen ..ALL
Developer User8481｜Date and time 23/11/11 2:48:31
Build time 61.29 sec｜Game capacity 2.414KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Auto Spiel Rennen</title>
    <style>
        #player-car {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 100px;
            background-color: blue;
        }
        
        .ai-car {
            position: absolute;
            bottom: 10px;
            width: 50px;
            height: 100px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="player-car"></div>
    <div id="ai-cars-container"></div>

// Bewegung des Spielerautos
        function movePlayerCar(event) {
            const playerCar = document.getElementById("player-car");
            const screenWidth = document.documentElement.clientWidth;
            const playerCarWidth = playerCar.clientWidth;
            let targetX = event.touches[0].clientX - playerCarWidth / 2; // Touchposition - halbe Breite des Autos
            
            // Begrenzungen der horizontalen Bewegung innerhalb des Bildschirms
            if (targetX < playerCarWidth / 2) {
                targetX = playerCarWidth / 2;
            } else if (targetX > screenWidth - playerCarWidth / 2) {
                targetX = screenWidth - playerCarWidth / 2;
            }
            
            playerCar.style.left = `${targetX}px`;
        }
        
        // Start des Spiels
        function startGame() {
            const numAICars = 5; // Anzahl der AI-Autos
            createAICars(numAICars); // Erstelle AI-Autos
            
            const playerCar = document.getElementById("player-car");
            playerCar.addEventListener("touchmove", movePlayerCar); // Hinzufügen des Event Listeners für Touch-Bewegung des Spielerautos
        }
        
        startGame(); // Starte das Spiel
    </script>
</body>
</html>