None's game | AI game creator

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

No:16001

104

None
Developer User7059｜Date and time 23/9/15 2:36:41
Build time 39.673 sec｜Game capacity 4.669KB｜

Sure, I can provide you with a simple example of a game implemented as a single HTML file, containing JavaScript code within script tags. In this game, you will control a character using smartphone touch gestures to avoid obstacles. Here's the code for the game:

To play the game, you can open this code in any web browser of your choice, either on a smartphone or on a computer. The game will be displayed on the screen, and you can control the player character using the left/right arrow keys on a computer or by touching the left/right sides of the game container on a smartphone screen. The objective of the game is to avoid the red obstacles that appear on the screen and stay alive as long as possible. If the player collides with an obstacle, the game will end, and an alert message will be displayed saying "Game Over!". Note: Since the implementation is provided as a code example, it's not possible to actively play the game within this text-based interface. You would need to run the code in a proper web browser to interact with the game.

→ 　

0　

0　

　
　

[PR]現在の本の売れ筋ランキング

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

(C)2023 HisashiApp

Sure, I can provide you with a simple example of a game implemented as a single HTML file, containing JavaScript code within script tags. In this game, you will control a character using smartphone touch gestures to avoid obstacles.

Here's the code for the game:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Smartphone Game</title>
    <style>
        #game-container {
            width: 100vw;
            height: 100vh;
            background-color: #f1f1f1;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            user-select: none;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            bottom: 20px;
            left: calc(50vw - 25px);
            transition: 0.2s;
        }

.obstacle {
            width: 80px;
            height: 80px;
            background-color: red;
            position: absolute;
            bottom: 0;
            transition: 10s linear;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

<script>
        const player = document.getElementById("player");
        let gameRunning = true;

document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowLeft" || event.key === "a") {
                movePlayer(-100);
            } else if (event.key === "ArrowRight" || event.key === "d") {
                movePlayer(100);
            }
        });

document.addEventListener("touchstart", function(event) {
            const touchX = event.touches[0].clientX;
            const playerX = player.getBoundingClientRect().left;
            const midPoint = (window.innerWidth - 80) / 2; // Width of the obstacle is 80px
            
            if (touchX <= midPoint && playerX > 0) {
                movePlayer(-100);
            } else if (touchX > midPoint && playerX < (window.innerWidth - 80)) {
                movePlayer(100);
            }
        });

function movePlayer(offset) {
            if (!gameRunning) return;
            const playerX = player.getBoundingClientRect().left;
            const newPlayerX = playerX + offset;
            
            if (newPlayerX >= 0 && newPlayerX <= (window.innerWidth - 50)) {
                player.style.left = newPlayerX + "px";
            }
        }

function createObstacle() {
            const obstacle = document.createElement("div");
            obstacle.classList.add("obstacle");

let randomPosX = Math.floor(Math.random() * (window.innerWidth - 100));
            obstacle.style.left = randomPosX + "px";
            document.getElementById("game-container").appendChild(obstacle);

setTimeout(() => {
                obstacle.remove();
            }, 10000); // Remove obstacle after 10 seconds

obstacle.addEventListener("transitionend", function() {
                if (gameRunning) {
                    checkCollision(obstacle);
                }
            });
        }

function checkCollision(obstacle) {
            const playerRect = player.getBoundingClientRect();
            const obstacleRect = obstacle.getBoundingClientRect();

if (
                playerRect.bottom >= obstacleRect.top &&
                playerRect.top <= obstacleRect.bottom &&
                playerRect.right >= obstacleRect.left &&
                playerRect.left <= obstacleRect.right
            ) {
                gameRunning = false;
                alert("Game Over!");
            }
        }

function gameLoop() {
            if (!gameRunning) return;
            createObstacle();
            setTimeout(gameLoop, 1000);
        }

gameLoop();
    </script>
</body>
</html>
```

To play the game, you can open this code in any web browser of your choice, either on a smartphone or on a computer. The game will be displayed on the screen, and you can control the player character using the left/right arrow keys on a computer or by touching the left/right sides of the game container on a smartphone screen. The objective of the game is to avoid the red obstacles that appear on the screen and stay alive as long as possible. If the player collides with an obstacle, the game will end, and an alert message will be displayed saying "Game Over!".

Note: Since the implementation is provided as a code example, it's not possible to actively play the game within this text-based interface. You would need to run the code in a proper web browser to interact with the game.