AI game creator

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

No:42698

←

Prev Next

→

ヘビゲーム
Developer User18489｜Date and time 24/2/12 20:41:24
Build time 18.11 sec｜Game capacity 4.934KB｜

Script

了解です。以下に、スマートフォンで遊べるヘビゲームのサンプルコードを記述します。

これは、HTML内にJSを含む1枚のHTMLファイルとして実装されたヘビゲームです。スマートフォンで遊ぶことが前提で、絵文字を使用しています。ヘビは緑のセルで表現され、餌は🍎の絵文字で表現されます。スネークの操作は、スマートフォンの矢印キーで行います。ヘビの移動速度やグリッドのサイズ・幅・高さを調整することができます。また、ゲームオーバー時にはポップアップメッセージが表示され、得点も表示されます。以上がサンプルのヘビゲームの実装です。お手元のHTMLファイルにコードを組み込んで遊んでみてください。

←

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>ヘビゲーム</title>
    <style>
        #game-container {
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>
    <script>
        // ゲームの設定
        const SPEED = 150; // ヘビの移動速度 (ミリ秒)
        const GRID_SIZE = 20; // グリッドのセルサイズ (ピクセル)
        const GRID_WIDTH = 15; // グリッドの幅 (セル数)
        const GRID_HEIGHT = 15; // グリッドの高さ (セル数)

// ゲームの状態
        let snake = [{ x: 7, y: 7 }]; // ヘビの初期位置
        let direction = { x: 1, y: 0 }; // ヘビの初期移動方向
        let food = getRandomFoodPosition(); // 餌の位置

// ゲームのスタート
        setInterval(() => {
            moveSnake();
            if (isGameOver()) {
                alert('ゲームオーバー！得点: ' + (snake.length - 1));
                snake = [{ x: 7, y: 7 }];
                direction = { x: 1, y: 0 };
                food = getRandomFoodPosition();
            }
            drawGame();
        }, SPEED);

// ヘビの移動
        function moveSnake() {
            const newPosition = { x: snake[0].x + direction.x, y: snake[0].y + direction.y };
            snake.unshift(newPosition);
            if (newPosition.x === food.x && newPosition.y === food.y) {
                food = getRandomFoodPosition();
            } else {
                snake.pop();
            }
        }

// ゲームオーバー判定
        function isGameOver() {
            return (
                snake[0].x < 0 || snake[0].x >= GRID_WIDTH ||
                snake[0].y < 0 || snake[0].y >= GRID_HEIGHT ||
                snake.slice(1).some(segment => segment.x === snake[0].x && segment.y === snake[0].y)
            );
        }

// 餌の位置をランダムに取得
        function getRandomFoodPosition() {
            return {
                x: Math.floor(Math.random() * GRID_WIDTH),
                y: Math.floor(Math.random() * GRID_HEIGHT)
            };
        }

// ゲームの描画
        function drawGame() {
            const gameContainer = document.getElementById('game-container');
            gameContainer.innerHTML = '';

for (let y = 0; y < GRID_HEIGHT; y++) {
                for (let x = 0; x < GRID_WIDTH; x++) {
                    const cell = document.createElement('div');
                    cell.style.width = GRID_SIZE + 'px';
                    cell.style.height = GRID_SIZE + 'px';
                    cell.style.border = '1px solid black';

if (snake.some(segment => segment.x === x && segment.y === y)) {
                        cell.style.backgroundColor = 'green'; // ヘビのセル
                    } else if (food.x === x && food.y === y) {
                        cell.innerHTML = '🍎'; // 餌のセル
                    }

gameContainer.appendChild(cell);
                }
            }
        }

// スマートフォンの操作
        document.addEventListener('keydown', (event) => {
            switch (event.key) {
                case 'ArrowUp':
                    if (direction.y !== 1) {
                        direction = { x: 0, y: -1 };
                    }
                    break;
                case 'ArrowDown':
                    if (direction.y !== -1) {
                        direction = { x: 0, y: 1 };
                    }
                    break;
                case 'ArrowLeft':
                    if (direction.x !== 1) {
                        direction = { x: -1, y: 0 };
                    }
                    break;
                case 'ArrowRight':
                    if (direction.x !== -1) {
                        direction = { x: 1, y: 0 };
                    }
                    break;
            }
        });
    </script>
</body>
</html>
```

これは、HTML内にJSを含む1枚のHTMLファイルとして実装されたヘビゲームです。スマートフォンで遊ぶことが前提で、絵文字を使用しています。ヘビは緑のセルで表現され、餌は🍎の絵文字で表現されます。スネークの操作は、スマートフォンの矢印キーで行います。

ヘビの移動速度やグリッドのサイズ・幅・高さを調整することができます。また、ゲームオーバー時にはポップアップメッセージが表示され、得点も表示されます。

以上がサンプルのヘビゲームの実装です。お手元のHTMLファイルにコードを組み込んで遊んでみてください。