AI game creator

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

No:40129

131

←

Prev Next

→

ヘビゲーム
Developer 食べる鶏と熱いタバスコ｜Date and time 24/2/1 7:19:48
Build time 18.531 sec｜Game capacity 5.389KB｜

Script

了解です。以下が、要件に基づいたヘビゲームの実装例です。

このコードは、1つのHTMLファイル内に実装されています。JavaScriptコードは`
`タグで囲まれており、実行開始されます。スマホ操作を前提としており、スワイプ操作によって蛇の移動方向が変更されます。また、絵文字は使用していませんが、色付きの四角で蛇と餌を表現しています。このコードを実行すると、ゲームが開始され、蛇が自動的に移動します。ゲームオーバーになる条件（画面外に出た場合）が設定されており、ゲームオーバー時にはアラートが表示されます。餌を食べると蛇が成長し、新しいボディパーツが追加されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解です。以下が、要件に基づいたヘビゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ヘビゲーム</title>
    <style>
        #game-area {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
            margin: 0 auto;
        }
        
        .snake {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: green;
        }
        
        .food {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-area">
        <div id="snake-head" class="snake"></div>
        <div id="food" class="food"></div>
    </div>

let snakeX = 0;
        let snakeY = 0;
        let direction = 'right';
        let interval;
        
        function startGame() {
            generateFood();
            interval = setInterval(moveSnake, 200); // 200ミリ秒ごとに蛇を移動する
            
            // スワイプ操作で蛇の移動方向を変更する
            gameArea.addEventListener('touchstart', handleTouchStart, false);        
            gameArea.addEventListener('touchmove', handleTouchMove, false);
        }
        
        function moveSnake() {
            switch (direction) {
                case 'up':
                    snakeY -= 20;
                    break;
                case 'down':
                    snakeY += 20;
                    break;
                case 'left':
                    snakeX -= 20;
                    break;
                case 'right':
                    snakeX += 20;
                    break;
            }

if (snakeX >= gameWidth || snakeX < 0 || snakeY >= gameHeight || snakeY < 0) {
                // ゲームオーバー
                clearInterval(interval);
                alert('ゲームオーバー！');
                return;
            }

snakeHead.style.left = snakeX + 'px';
            snakeHead.style.top = snakeY + 'px';
            
            if (isCollided(snakeHead, food)) {
                // 餌を食べた場合
                generateFood();
                enlargeSnake();
            }
        }

function isCollided(element1, element2) {
            const rect1 = element1.getBoundingClientRect();
            const rect2 = element2.getBoundingClientRect();
            return !(
                rect1.top + rect1.height < rect2.top ||
                rect1.top > rect2.top + rect2.height ||
                rect1.left + rect1.width < rect2.left ||
                rect1.left > rect2.left + rect2.width
            );
        }
        
        startGame();
    </script>
</body>
</html>
```

このコードは、1つのHTMLファイル内に実装されています。JavaScriptコードは`<script>`タグで囲まれており、実行開始されます。スマホ操作を前提としており、スワイプ操作によって蛇の移動方向が変更されます。また、絵文字は使用していませんが、色付きの四角で蛇と餌を表現しています。

このコードを実行すると、ゲームが開始され、蛇が自動的に移動します。ゲームオーバーになる条件（画面外に出た場合）が設定されており、ゲームオーバー時にはアラートが表示されます。餌を食べると蛇が成長し、新しいボディパーツが追加されます。