AI game creator

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

No:20779

←

Prev Next

→

Car racing
Developer User9151｜Date and time 23/10/11 1:12:38
Build time 27.174 sec｜Game capacity 4.587KB｜

Script

Sure! Here's a simple car racing game implemented as a single HTML file using JavaScript and enclosed in script tags:

You can save this code as a .html file and open it in your web browser to play the car racing game. The game will be displayed in a smartphone-friendly manner with a car controlled by arrow keys. The objective is to avoid the green obstacles moving downwards from the top of the screen. Each successfully avoided obstacle increases the player's score. The game ends if the car collides with any obstacle, and the final score is displayed. You can enjoy the game by playing it on your smartphone.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple car racing game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-board {
            width: 400px;
            height: 600px;
            border: 1px solid black;
            position: relative;
        }

#car {
            width: 50px;
            height: 100px;
            background-color: red;
            position: absolute;
            bottom: 10px;
            left: 175px;
        }

.obstacle {
            width: 100px;
            height: 20px;
            background-color: green;
            position: absolute;
            top: -20px;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="car"></div>
    </div>

function createObstacle() {
                const obstacle = document.createElement('div');
                obstacle.classList.add('obstacle');
                obstacle.style.left = Math.floor(Math.random() * (gameBoard.clientWidth - obstacleWidth)) + 'px';
                obstacle.style.animationDuration = Math.floor(Math.random() * 3 + 1) + 's';
                gameBoard.appendChild(obstacle);
            }

function moveObstacles() {
                const obstacles = document.getElementsByClassName('obstacle');
                if (obstacles.length > 0) {
                    for (let i = 0; i < obstacles.length; i++) {
                        let obstacle = obstacles[i];
                        let topPosition = parseInt(window.getComputedStyle(obstacle).getPropertyValue('top'));
                        obstacle.style.top = (topPosition + obstacleSpeed) + 'px';

if (topPosition > gameBoard.clientHeight) {
                            gameBoard.removeChild(obstacle);
                            score++;
                        }

if (isCollision(car, obstacle)) {
                            gameOver();
                        }
                    }
                }
            }

function isCollision(a, b) {
                let aRect = a.getBoundingClientRect();
                let bRect = b.getBoundingClientRect();
                return !(
                    (aRect.top > bRect.bottom) ||
                    (aRect.bottom < bRect.top) ||
                    (aRect.right < bRect.left) ||
                    (aRect.left > bRect.right)
                );
            }

function startGame() {
                document.addEventListener('keydown', moveCar);
                setInterval(moveObstacles, 10);
                setInterval(createObstacle, 2000);
            }

function gameOver() {
                alert('Game Over!\nScore: ' + score);
                gameBoard.innerHTML = '';
                score = 0;
                startGame();
            }
            
            startGame();
        });
    </script>
</body>
</html>
```