AI game creator

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

No:25517

←

Prev Next

→

Plane crash
Developer User12512｜Date and time 23/11/22 10:56:25
Build time 161.01 sec｜Game capacity 4.896KB｜

Script

Sure! Below is an example of a simple game where the player controls a plane using smartphone touch gestures. The goal is to avoid crashing into obstacles represented by pictograms. The game is implemented as a single HTML file with JavaScript enclosed in script tags:

To play the game, follow these steps: 1. Create an HTML file on your smartphone, e.g., "plane_crash_game.html." 2. Copy the code provided above and paste it into the HTML file. 3. Open the HTML file with a web browser on your smartphone. 4. Start the game by touching the game container (the gray area) on the screen. 5. Move the plane by dragging your finger up or down on the screen to avoid the obstacles. 6. The score will increase as long as you avoid any collisions. 7. If the plane collides with an obstacle, the game will end, and your final score will be displayed in an alert box. Feel free to customize the game design, add sound effects, or enhance the gameplay based on your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Plane Crash Game</title>
    <style>
        #game-container {
            position: relative;
            width: 100%;
            height: 400px;
            background-color: #f0f0f0;
            overflow: hidden;
        }

#plane {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: blue;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
        }

.obstacle {
            position: absolute;
            width: 50px;
            height: 50px;
        }

.obstacle1 {
            background-color: red;
        }

.obstacle2 {
            background-color: yellow;
        }

.obstacle3 {
            background-color: green;
        }

</style>
</head>
<body>
    <div id="game-container">
        <div id="plane"></div>
        <div id="obstacles"></div>
    </div>

function movePlane() {
                plane.style.top = event.touches[0].clientY - gameContainer.offsetTop - plane.offsetHeight / 2 + "px";
            }

function startGame() {
                gameInterval = setInterval(createObstacle, 2000);
                planeInterval = setInterval(updateScore, 100);
            }

function stopGame() {
                clearInterval(gameInterval);
                clearInterval(planeInterval);
                alert("Game Over. Your score: " + score);
                score = 0;
                obstaclesContainer.innerHTML = "";
                plane.style.top = "50%";
            }

function createObstacle() {
                var obstacleDiv = document.createElement("div");
                var obstacleType = Math.floor(Math.random() * 3) + 1;
                obstacleDiv.className = "obstacle obstacle" + obstacleType;
                obstacleDiv.style.left = gameContainer.offsetWidth + "px";
                obstacleDiv.style.top = Math.floor(Math.random() * (gameContainer.offsetHeight - obstacleDiv.offsetHeight)) + "px";
                obstaclesContainer.appendChild(obstacleDiv);
                moveObstacle(obstacleDiv);
            }

function updateScore() {
                score++;
            }

function isCollision(planeDiv, obstacleDiv) {
                var planeRect = planeDiv.getBoundingClientRect();
                var obstacleRect = obstacleDiv.getBoundingClientRect();

return !(
                    planeRect.top > obstacleRect.bottom ||
                    planeRect.bottom < obstacleRect.top ||
                    planeRect.right < obstacleRect.left ||
                    planeRect.left > obstacleRect.right
                );
            }

gameContainer.addEventListener("touchmove", movePlane);
            gameContainer.addEventListener("touchstart", startGame);
        });
    </script>
</body>
</html>
```

To play the game, follow these steps:

1. Create an HTML file on your smartphone, e.g., "plane_crash_game.html."

2. Copy the code provided above and paste it into the HTML file.

3. Open the HTML file with a web browser on your smartphone.

4. Start the game by touching the game container (the gray area) on the screen.

5. Move the plane by dragging your finger up or down on the screen to avoid the obstacles.

6. The score will increase as long as you avoid any collisions.

7. If the plane collides with an obstacle, the game will end, and your final score will be displayed in an alert box.

Feel free to customize the game design, add sound effects, or enhance the gameplay based on your preferences.