AI game creator

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

No:33912

←

Prev Next

→

避けゲー
Developer User15915｜Date and time 24/1/7 1:32:41
Build time 36.036 sec｜Game capacity 3.31KB｜

Script

了解しました。以下に避けゲームのサンプルコードを示します。

このコードは、画面上をスワイプすることでプレイヤーが上下に移動し、赤い障害物を避けるゲームです。障害物を避けるごとにスコアが上昇し、障害物とプレイヤーが衝突するとゲームオーバーになります。プレイヤーの移動や障害物の速度などを調整することで、ゲームプレイをカスタマイズすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解しました。以下に避けゲームのサンプルコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Avoid Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
            background-color: black;
        }
        
        #player {
            position: absolute;
            top: calc(50% - 25px);
            left: calc(50% - 25px);
            width: 50px;
            height: 50px;
            background-color: white;
            border-radius: 50%;
        }
        
        #obstacle {
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 80px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <div id="obstacle"></div>
    <script>
        window.addEventListener('DOMContentLoaded', (event) => {
            const player = document.getElementById('player');
            const obstacle = document.getElementById('obstacle');
            const screenWidth = window.innerWidth;
            const screenHeight = window.innerHeight;
            let score = 0;
        
            // 初期化
            let playerX = 0;
            let playerY = 0;
            let obstacleX = screenWidth;
            let obstacleY = getRandomInt(0, screenHeight - 80);
        
            function getRandomInt(min, max) {
                return Math.floor(Math.random() * (max - min + 1) ) + min;
            }
        
            function updateScore() {
                score++;
                document.title = `スコア: ${score}`;
            }
        
            function update() {
                // プレイヤーの移動
                player.style.transform = `translate(${playerX}px, ${playerY}px)`;
        
                // 障害物の移動
                obstacleX -= 10;
                obstacle.style.transform = `translate(${obstacleX}px, ${obstacleY}px)`;
        
                // 衝突判定
                if (obstacleX + 20 > playerX && obstacleX < playerX + 50 && obstacleY + 80 > playerY && obstacleY < playerY + 50) {
                    alert(`ゲームオーバー！\nスコア: ${score}`);
                    location.reload(); // リロードしてリスタート
                }
        
                // スコア更新
                if (obstacleX <= playerX) {
                    updateScore();
                }
        
                requestAnimationFrame(update);
            }
        
            document.addEventListener('touchstart', (event) => {
                playerY -= 20;
            });
        
            document.addEventListener('touchend', (event) => {
                playerY += 20;
            });
        
            update();
        });
    </script>
</body>
</html>
```