ヘビゲーム's game | AI game creator

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

No:40006

74

ヘビゲーム
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/31 18:06:02
Build time 17.278 sec｜Game capacity 3.64KB｜

了解しました。以下にプログラムの例を示します。

このプログラムは、ヘビゲームを実装しています。HTMLファイルとして実行し、スマートフォンの画面上で操作できます。ヘビの進む方向を上下左右のキーで操作し、エサを食べながらヘビを成長させるゲームです。スマホでも遊ぶことができますので、実際にお試しください。

→ 　

0　

0　

　
　
　
　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

了解しました。以下にプログラムの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ヘビゲーム</title>
</head>
<body>
    <div id="game-board"></div>

<script>
        var gameBoard = document.getElementById("game-board");
        var tileSize = 20;
        var gameSize = 20;
        var snake = [{ x: 10, y: 10 }];
        var direction = { x: 0, y: -1 };
        var food;

function initializeGame() {
            for (var i = 0; i < gameSize; i++) {
                for (var j = 0; j < gameSize; j++) {
                    var tile = document.createElement("div");
                    tile.style.width = tileSize + "px";
                    tile.style.height = tileSize + "px";
                    tile.style.backgroundColor = "lightgray";
                    tile.style.float = "left";
                    tile.style.border = "1px solid white";
                    gameBoard.appendChild(tile);
                }
            }
        }

function renderSnake() {
            var tiles = gameBoard.getElementsByTagName("div");
            for (var i = 0; i < tiles.length; i++) {
                tiles[i].style.backgroundColor = "lightgray";
            }
            for (var i = 0; i < snake.length; i++) {
                var tileIndex = snake[i].y * gameSize + snake[i].x;
                tiles[tileIndex].style.backgroundColor = "gray";
            }
        }

function updateSnake() {
            var head = { x: snake[0].x + direction.x, y: snake[0].y + direction.y };
            snake.unshift(head);
            if (food && head.x == food.x && head.y == food.y) {
                // ヘビがエサを食べた場合、ヘビの長さを伸ばす
                food = null;
            } else {
                // ヘビがエサを食べてない場合、ヘビの末尾を削除
                snake.pop();
            }
        }

function updateFood() {
            if (!food) {
                // ランダムな位置に新しいエサを生成
                var x = Math.floor(Math.random() * gameSize);
                var y = Math.floor(Math.random() * gameSize);
                food = { x: x, y: y };
            }
        }

function handleInput(event) {
            if (event.keyCode == 38 && direction.y != 1) {
                // 上キーが押された場合、上に進む
                direction = { x: 0, y: -1 };
            } else if (event.keyCode == 40 && direction.y != -1) {
                // 下キーが押された場合、下に進む
                direction = { x: 0, y: 1 };
            } else if (event.keyCode == 37 && direction.x != 1) {
                // 左キーが押された場合、左に進む
                direction = { x: -1, y: 0 };
            } else if (event.keyCode == 39 && direction.x != -1) {
                // 右キーが押された場合、右に進む
                direction = { x: 1, y: 0 };
            }
        }

function gameLoop() {
            updateFood();
            updateSnake();
            renderSnake();
        }

initializeGame();
        setInterval(gameLoop, 200);
        window.addEventListener("keydown", handleInput);
    </script>
</body>
</html>
```

このプログラムは、ヘビゲームを実装しています。HTMLファイルとして実行し、スマートフォンの画面上で操作できます。ヘビの進む方向を上下左右のキーで操作し、エサを食べながらヘビを成長させるゲームです。スマホでも遊ぶことができますので、実際にお試しください。