AI game creator

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

No:22682

←

Prev Next

→

Racing death trap
Developer User10457｜Date and time 23/10/24 5:44:10
Build time 46.821 sec｜Game capacity 4.78KB｜

Script

Sure, here's an example of a simple racing game implemented as a single HTML file:

This game is a simple racing game where the player has to avoid oncoming obstacles (represented as red blocks). The player can move left and right using the arrow keys. The objective is to survive for as long as possible and earn points. Collision with an obstacle ends the game. The player's score is shown at the top left corner of the screen. Please note that this is a basic example and can be further enhanced with additional features, graphics, and gameplay mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure, here's an example of a simple racing game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Racing Death Trap</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            bottom: 0;
        }
    </style>
</head>
<body>
    <script>
        // Game variables
        var playerSpeed = 5;
        var obstacleSpeed = 3;
        var obstacleInterval = 1500;
        var score = 0;

// Game elements
        var player = document.getElementById("player");
        var gameContainer = document.body;
        var scoreLabel = document.createElement("div");
        scoreLabel.innerHTML = "Score: " + score;
        scoreLabel.style.position = "fixed";
        scoreLabel.style.top = "10px";
        scoreLabel.style.left = "10px";
        scoreLabel.style.color = "white";
        scoreLabel.style.fontWeight = "bold";

// Initialize game
        function init() {
            gameContainer.appendChild(scoreLabel);
            setInterval(updateScore, 100);

// Start obstacle generation
            setInterval(createObstacle, obstacleInterval);

// Keyboard listeners
            document.addEventListener("keydown", movePlayer);
            document.addEventListener("keyup", stopPlayer);
        }

// Update score
        function updateScore() {
            score += 10;
            scoreLabel.innerHTML = "Score: " + score;
        }

// Move player
        function movePlayer(event) {
            if (event.key === "ArrowLeft" && player.offsetLeft > 0) {
                player.style.left = player.offsetLeft - playerSpeed + "px";
            }
            else if (event.key === "ArrowRight" && player.offsetLeft < gameContainer.offsetWidth - player.offsetWidth) {
                player.style.left = player.offsetLeft + playerSpeed + "px";
            }
        }

// Stop player
        function stopPlayer() {
            player.style.left = player.offsetLeft + "px";
        }

// Create obstacle
        function createObstacle() {
            var obstacle = document.createElement("div");
            obstacle.className = "obstacle";
            obstacle.style.width = Math.random() * 100 + 50 + "px";
            obstacle.style.height = "30px";
            obstacle.style.backgroundColor = "red";
            obstacle.style.position = "absolute";
            obstacle.style.top = "0px";
            obstacle.style.left = Math.random() * (gameContainer.offsetWidth - obstacle.offsetWidth) + "px";

gameContainer.appendChild(obstacle);
            moveObstacle(obstacle);
        }

// Move obstacle
        function moveObstacle(obstacle) {
            var obstacleIntervalId = setInterval(frame, 10);

function frame() {
                if (obstacle.offsetTop >= gameContainer.offsetHeight) {
                    clearInterval(obstacleIntervalId);
                    gameContainer.removeChild(obstacle);
                }
                else {
                    obstacle.style.top = obstacle.offsetTop + obstacleSpeed + "px";

if (isCollision(player, obstacle)) {
                        clearInterval(obstacleIntervalId);
                        gameOver();
                    }
                }
            }
        }

// Collision detection
        function isCollision(player, obstacle) {
            var playerRect = player.getBoundingClientRect();
            var obstacleRect = obstacle.getBoundingClientRect();

return (
                playerRect.top < obstacleRect.bottom &&
                playerRect.bottom > obstacleRect.top &&
                playerRect.left < obstacleRect.right &&
                playerRect.right > obstacleRect.left
            );
        }

// Game over
        function gameOver() {
            alert("Game Over! Your score: " + score);
            location.reload();
        }

// Initialize game when the page has loaded
        window.addEventListener("load", init);
    </script>

<div id="player"></div>
</body>
</html>
```

Please note that this is a basic example and can be further enhanced with additional features, graphics, and gameplay mechanics.