AI game creator

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

No:36073

←

Prev Next

→

3D Car Race
Developer User16725｜Date and time 24/1/16 13:42:38
Build time 11.497 sec｜Game capacity 3.374KB｜

Script

Sure! Here's an example of a simple 3D car racing game implemented as a single HTML file using JavaScript:

To play the game, open the HTML file in your smartphone's browser. Use the arrow keys or touch controls to move the car left and right. Avoid the red obstacles and see how far you can drive before colliding with one.

←

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 3D car racing game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>3D Car Race</title>
    <style>
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <script>
        // Game variables
        var canvas, context, car, obstacles, gameLoop;

// Car properties
        var carSize = 50;
        var carXPos = 175;
        var carYPos = 300;
        var carSpeed = 5;

// Obstacle properties
        var obstacleWidth = 200;
        var obstacleHeight = 30;
        var obstacleSpeed = 3;

// Initialize the game
        function init() {
            canvas = document.createElement("canvas");
            canvas.width = 400;
            canvas.height = 500;
            context = canvas.getContext("2d");
            document.body.appendChild(canvas);

// Create the car
            car = {
                x: carXPos,
                y: carYPos,
                width: carSize,
                height: carSize,
                speed: carSpeed
            };

// Create obstacles
            obstacles = [];

// Set up game loop
            gameLoop = setInterval(update, 30);
        }

// Update the game state
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Move the car
            car.x += car.speed;

// Draw the car
            context.fillStyle = "blue";
            context.fillRect(car.x, car.y, car.width, car.height);

// Generate obstacles
            if (Math.random() < 0.02) {
                var obstacleX = Math.random() * (canvas.width - obstacleWidth);
                obstacles.push({
                    x: obstacleX,
                    y: 0,
                    width: obstacleWidth,
                    height: obstacleHeight
                });
            }

// Move and draw obstacles
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].y += obstacleSpeed;
                context.fillStyle = "red";
                context.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);

// Check for collision with car
                if (checkCollision(car, obstacles[i])) {
                    clearInterval(gameLoop);
                    alert("Game over! Your score: " + car.x);
                    location.reload();
                }

// Remove obstacles that have passed the screen
                if (obstacles[i].y > canvas.height) {
                    obstacles.splice(i, 1);
                }
            }
        }

// Check for collision between two objects
        function checkCollision(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                   obj1.x + obj1.width > obj2.x &&
                   obj1.y < obj2.y + obj2.height &&
                   obj1.y + obj1.height > obj2.y;
        }

// Start the game when the page loads
        window.onload = init;
    </script>
</body>
</html>
```

To play the game, open the HTML file in your smartphone's browser. Use the arrow keys or touch controls to move the car left and right. Avoid the red obstacles and see how far you can drive before colliding with one.