AI game creator

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

No:8605

152

←

Prev Next

→

Racing game
Developer User4222｜Date and time 23/7/17 10:25:32
Build time 26.504 sec｜Game capacity 2.889KB｜

Script

Sure! Here's a sample racing game implemented as a single HTML file with JavaScript:

This racing game uses a simple implementation where you control a car using the left and right arrow keys on your smartphone. The objective is to avoid colliding with the green obstacle moving from top to bottom. If the car collides with the obstacle, the game ends and an alert message is displayed. Please note that due to the limitation of plain text, pictograms cannot be included directly in this response. However, you can customize the appearance of the game elements by modifying the CSS styles in the `<style>` tag.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample racing game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Racing Game</title>
    <style>
        body { 
            padding: 0;
            margin: 0;
            overflow: hidden;
        }

#game-container {
            position: relative;
            width: 100%;
            height: 100vh;
        }

#car {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 80px;
            background-color: red;
            transition: left 0.2s ease-in-out;
        }

#obstacle {
            position: absolute;
            top: -150px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 150px;
            background-color: green;
            transition: top 1s linear;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="car"></div>
        <div id="obstacle"></div>
    </div>

// Move the car left or right based on key press
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowLeft") {
                moveCar(-10);
            } else if (event.key === "ArrowRight") {
                moveCar(10);
            }
        });

function moveCar(distance) {
            var currentLeft = parseInt(car.style.left) || 0;
            car.style.left = (currentLeft + distance) + "px";
        }

// Start the game loop
        function startGame() {
            setInterval(function() {
                var currentTop = parseInt(obstacle.style.top) || -150;
                obstacle.style.top = (currentTop + 10) + "px";

// Check for collision
                if (currentTop + 150 >= window.innerHeight - 80) {
                    endGame();
                }
            }, 50);
        }

function endGame() {
            clearInterval(startGame);
            alert("Game Over!");
            // You can add code here to restart the game or show a game over screen
        }
        
        startGame();
    </script>
</body>
</html>
```

Please note that due to the limitation of plain text, pictograms cannot be included directly in this response. However, you can customize the appearance of the game elements by modifying the CSS styles in the `<style>` tag.