drives a supercar without hitting the trees's game

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

No:37294

←

Prev Next

→

drives a supercar without hitting the trees
Developer User17003｜Date and time 24/1/21 0:28:01
Build time 12.105 sec｜Game capacity 3.851KB｜

Script

Sure! Here's a simple game where you control a supercar and try to avoid hitting the trees.

To play the game, simply open the HTML file in a browser on your smartphone. You can control the supercar using the left and right arrow keys on your smartphone's keyboard. Try to avoid hitting the trees and see how high you can score. The game will display an alert with your final score when the game is over.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple game where you control a supercar and try to avoid hitting the trees.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Supercar Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <script>
        // Game variables
        var canvas, ctx;
        var car, trees;
        var gameRunning = false;
        var score = 0;

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

car = {
                x: canvas.width / 2 - 25,
                y: canvas.height - 100,
                width: 50,
                height: 95,
                speed: 5,
            };

trees = [];
            for (let i = 0; i < 5; i++) {
                trees.push({
                    x: Math.random() * (canvas.width - 50),
                    y: -(Math.random() * canvas.height),
                    width: 50,
                    height: 100,
                    speed: Math.random() * 3 + 1,
                });
            }

gameRunning = true;
            score = 0;

document.addEventListener("keydown", handleKeyPress);
            draw();
        }

// Handle key press events
        function handleKeyPress(e) {
            if (!gameRunning) return;

if (e.keyCode === 37) { // Left arrow key
                car.x -= car.speed;
            } else if (e.keyCode === 39) { // Right arrow key
                car.x += car.speed;
            }
        }

// Update game state
        function update() {
            if (!gameRunning) return;

trees.forEach(tree => {
                tree.y += tree.speed;
                if (tree.y > canvas.height) {
                    tree.x = Math.random() * (canvas.width - 50);
                    tree.y = -100;
                    score++;
                }

if (detectCollision(car, tree)) {
                    gameRunning = false;
                    alert("Game Over! Score: " + score);
                    document.removeEventListener("keydown", handleKeyPress);
                    canvas.parentNode.removeChild(canvas);
                }
            });
        }

// Detect collision between car and trees
        function detectCollision(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
            );
        }

// Render the game
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

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

// Draw trees
            ctx.fillStyle = "green";
            trees.forEach(tree => {
                ctx.fillRect(tree.x, tree.y, tree.width, tree.height);
            });

// Draw score
            ctx.font = "20px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Score: " + score, 20, 30);

requestAnimationFrame(draw);

update();
        }

// Start the game
        init();
    </script>
</body>
</html>
```

To play the game, simply open the HTML file in a browser on your smartphone. You can control the supercar using the left and right arrow keys on your smartphone's keyboard. Try to avoid hitting the trees and see how high you can score. The game will display an alert with your final score when the game is over.