I need a game that is like subway surfers but the running will be done in the sky with aeroplane trying to hit the person.'s game | AI game creator

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

No:41467

75

I need a game that is like subway surfers but the ..ALL
Developer User18560｜Date and time 24/2/7 16:26:36
Build time 14.382 sec｜Game capacity 4.368KB｜

Sure, here's a basic implementation of a game similar to Subway Surfers, but with an airplane trying to hit the player in the sky. This game is implemented as a single HTML file with JavaScript enclosed in script tags. You can copy and save this code as a ".html" file and open it in a web browser on your smartphone to play the game:

Please note that the code provided above includes placeholders for the player and obstacle icons. You need to replace the URLs inside the `background: url('...')` CSS properties with actual image URLs to display the icons correctly in the game. To play the game, open the HTML file in a web browser on your smartphone, and you can control the player's movement by tapping and holding on the game screen to move the player left, and releasing the tap to move the player right. The objective is to avoid collision with the airplane obstacle moving from the top of the game container. Feel free to customize the game further based on your requirements and add additional features or enhancements as desired.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure, here's a basic implementation of a game similar to Subway Surfers, but with an airplane trying to hit the player in the sky. This game is implemented as a single HTML file with JavaScript enclosed in script tags.

You can copy and save this code as a ".html" file and open it in a web browser on your smartphone to play the game:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sky Surfers</title>
    <style>
        #game-container {
            width: 400px;
            height: 600px;
            border: 1px solid black;
            overflow: hidden;
            margin: 0 auto;
            position: relative;
            background: skyblue;
        }

#player {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            background: url('https://example.com/player_icon.png') no-repeat center center;
            background-size: contain;
        }

#obstacle {
            width: 100px;
            height: 100px;
            position: absolute;
            top: -100px;
            left: 50%;
            transform: translateX(-50%);
            background: url('https://example.com/airplane_icon.png') no-repeat center center;
            background-size: contain;
        }
    </style>
</head>
<body onload="startGame()">
    <div id="game-container">
        <div id="player"></div>
        <div id="obstacle"></div>
    </div>

<script>
        // Game variables
        let player;
        let obstacle;
        let gameInterval;

const gameContainer = document.getElementById('game-container');

function startGame() {
            // Initialize game objects
            player = document.getElementById('player');
            obstacle = document.getElementById('obstacle');

// Start game loop
            gameInterval = setInterval(updateGame, 20);

// Add event listeners for player movement
            gameContainer.addEventListener('touchstart', movePlayerLeft);
            gameContainer.addEventListener('touchend', movePlayerRight);
        }

function updateGame() {
            // Update player position
            let playerPos = parseInt(getComputedStyle(player).getPropertyValue('bottom'));
            if (playerPos < (gameContainer.offsetHeight - player.offsetHeight)) {
                playerPos += 2;
                player.style.bottom = playerPos + 'px';
            }

// Check collision
            if (checkCollision(player, obstacle)) {
                gameOver();
            }
        }

function movePlayerLeft() {
            let playerLeft = parseInt(getComputedStyle(player).getPropertyValue('left'));
            playerLeft -= 10;
            player.style.left = playerLeft + 'px';
        }

function movePlayerRight() {
            let playerRight = parseInt(getComputedStyle(player).getPropertyValue('left'));
            playerRight += 10;
            player.style.left = playerRight + 'px';
        }

function checkCollision(element1, element2) {
            let rect1 = element1.getBoundingClientRect();
            let rect2 = element2.getBoundingClientRect();
            return (
                rect1.left < rect2.right &&
                rect1.right > rect2.left &&
                rect1.top < rect2.bottom &&
                rect1.bottom > rect2.top
            );
        }

function gameOver() {
            clearInterval(gameInterval);
            alert('Game Over!');
        }
    </script>
</body>
</html>
```

Please note that the code provided above includes placeholders for the player and obstacle icons. You need to replace the URLs inside the `background: url('...')` CSS properties with actual image URLs to display the icons correctly in the game.

To play the game, open the HTML file in a web browser on your smartphone, and you can control the player's movement by tapping and holding on the game screen to move the player left, and releasing the tap to move the player right. The objective is to avoid collision with the airplane obstacle moving from the top of the game container.

Feel free to customize the game further based on your requirements and add additional features or enhancements as desired.