A car is drive by us we have to doudge some obstacles's game

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

No:34510

3961

←

Prev Next

→

A car is drive by us we have to doudge some obstac..ALL
Developer anonymous｜Date and time 70/1/1 10:04:48
Build time unknown sec｜Game capacity 3.888KB｜

Script

Sure! Here's a simple game where you have to dodge obstacles while driving a car. It uses pictograms and can be played on a smartphone. Save the following code in a file with an HTML extension (e.g. game.html) and open it in a web browser to play.

To play the game, you can control the car's movement using the left and right arrow keys on your smartphone's keyboard. The objective is to avoid collision with the moving obstacle. If a collision occurs, an alert message will appear saying "Game Over!". Note: This is a basic implementation, and you can enhance and customize it further based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Car Dodge Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Get the canvas element
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        
        // Car position and size
        var carX = 180;
        var carY = 350;
        var carWidth = 40;
        var carHeight = 50;
        
        // Obstacle position and size
        var obstacleX = 180;
        var obstacleY = 0;
        var obstacleWidth = 40;
        var obstacleHeight = 40;
        
        // Variables for user input
        var leftPressed = false;
        var rightPressed = false;
        
        // Move the car based on user input
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);
        
        function keyDownHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = true;
            } else if (event.key === "ArrowRight") {
                rightPressed = true;
            }
        }
        
        function keyUpHandler(event) {
            if (event.key === "ArrowLeft") {
                leftPressed = false;
            } else if (event.key === "ArrowRight") {
                rightPressed = false;
            }
        }
        
        function moveCar() {
            if (leftPressed && carX > 0) {
                carX -= 5;
            } else if (rightPressed && carX + carWidth < canvas.width) {
                carX += 5;
            }
        }
        
        // Draw the car
        function drawCar() {
            context.beginPath();
            context.rect(carX, carY, carWidth, carHeight);
            context.fillStyle = "red";
            context.fill();
            context.closePath();
        }
        
        // Draw the obstacle
        function drawObstacle() {
            context.beginPath();
            context.rect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);
            context.fillStyle = "black";
            context.fill();
            context.closePath();
        }
        
        // Check for collision
        function checkCollision() {
            if (carX < obstacleX + obstacleWidth &&
                carX + carWidth > obstacleX &&
                carY < obstacleY + obstacleHeight &&
                carY + carHeight > obstacleY) {
                    return true;  // Collision detected
            }
            return false;  // No collision
        }
        
        // Game loop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            moveCar();
            drawCar();
            drawObstacle();
            
            if (checkCollision()) {
                alert("Game Over!");
                return;  // Stop the game
            }
            
            obstacleY += 5;  // Move obstacle downwards
            
            requestAnimationFrame(gameLoop);
        }
        
        // Start the game
        gameLoop();
    </script>
</body>
</html>
```

Note: This is a basic implementation, and you can enhance and customize it further based on your requirements.