Operation@Fixed the enlargement bug by holding down the arrow key.'s game | AI game creator

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

No:6842

170

Operation@Fixed the enlargement bug by holding dow..ALL
Developer User3840｜Date and time 23/7/3 23:42:03
Build time 38.405 sec｜Game capacity 4.1KB｜

了解しました。以下はスマートフォンで遊ぶことができる簡単なゲームの例です。このゲームでは、プレイヤーがキャラクターを操作して障害物を避けることが目的です。絵文字を使用して、キャラクターや障害物を表現します。

😀

このゲームでは、「😀」で表されるプレイヤーキャラクターを左右に移動させて障害物「🚧」を避けます。ゲーム画面をタップして操作するか、矢印キーを押して操作することができます。障害物にぶつかるとゲームオーバーとなり、スコアが表示されます。

→ 　

1　

1　

　
　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

了解しました。以下はスマートフォンで遊ぶことができる簡単なゲームの例です。このゲームでは、プレイヤーがキャラクターを操作して障害物を避けることが目的です。絵文字を使用して、キャラクターや障害物を表現します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emoji Game</title>
    <style>
        #player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 3rem;
        }
        
        .obstacle {
            position: absolute;
            bottom: 100%;
            left: 0;
            font-size: 3rem;
        }
    </style>
</head>
<body>
    <div id="player" style="left:200px;">😀</div>

<script>
        var player = document.getElementById("player");
        var obstacles = document.getElementsByClassName("obstacle");
        var score = 0;
        var gameSpeed = 1000; // 障害物が出現する速度（ミリ秒）
        var gameLoop;
        
        function move(event) {
            if (event.keyCode === 37) {
                player.style.left = parseInt(player.style.left) - 10 + "px";
            } else if (event.keyCode === 39) {
                player.style.left = parseInt(player.style.left) + 10 + "px";
            }
        }
        
        function createObstacle() {
            var obstacle = document.createElement("div");
            obstacle.classList.add("obstacle");
            obstacle.style.left = Math.random() * (window.innerWidth - 100) + "px"; // 画面内のランダムな位置に配置
            obstacle.textContent = "🚧";
            document.body.appendChild(obstacle);
        }
        
        function updateObstacles() {
            for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                var obstacleBottom = parseInt(obstacle.style.bottom);
                obstacle.style.bottom = obstacleBottom - 10 + "px";
                
                // 衝突判定
                var playerLeft = parseInt(player.style.left);
                var playerRight = playerLeft + player.clientWidth;
                var obstacleLeft = parseInt(obstacle.style.left);
                var obstacleRight = obstacleLeft + obstacle.clientWidth;
                var obstacleTop = window.innerHeight - obstacleBottom - 100;
                
                if (
                    (obstacleBottom <= 0 && playerLeft < obstacleRight && playerRight > obstacleLeft && obstacleTop < parseInt(player.style.bottom)) ||
                    (obstacleBottom <= 0 && playerLeft < obstacleLeft && playerRight > obstacleRight && obstacleTop < parseInt(player.style.bottom))
                ) {
                    endGame();
                    return;
                }
                
                if (obstacleBottom <= 0) {
                    obstacle.parentNode.removeChild(obstacle); // 画面外に出た障害物を削除
                    score++;
                }
            }
        }
        
        function startGame() {
            document.addEventListener("keydown", move);
            gameLoop = setInterval(createObstacle, gameSpeed);
            gameLoop = setInterval(updateObstacles, 20);
        }
        
        function endGame() {
            clearInterval(gameLoop);
            alert("ゲームオーバー！スコア: " + score);
            location.reload(); // リロードしてリセット
        }
        
        window.addEventListener("load", startGame);
    </script>
    
</body>
</html>
```

このゲームでは、「😀」で表されるプレイヤーキャラクターを左右に移動させて障害物「🚧」を避けます。ゲーム画面をタップして操作するか、矢印キーを押して操作することができます。障害物にぶつかるとゲームオーバーとなり、スコアが表示されます。