AI game creator

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

No:4792

4027

←

Prev Next

→

delete tail to nose
Developer User3720｜Date and time 23/6/28 21:01:33
Build time 35.303 sec｜Game capacity 3.607KB｜

Script

了解しました。以下に、スマホ向けのゲームを作成する例を示します。

🐍

このゲームは、スネーク（🐍）を操作して画面内を移動するものです。矢印キーを使ってスネークの移動方向を制御します。壁に衝突するとゲームオーバーになります。ただし、この例ではタッチ操作には対応していません。スマホで遊ぶ場合は、タッチイベントを使用して画面上の特定の領域をタップすることで向きを変えるなど、タッチ操作に合わせた修正が必要になるかもしれません。

←

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-container {
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 50px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        🐍
    </div>

// ゲームの初期化
        function init() {
            // キーボードの矢印キーの入力を検出
            document.addEventListener("keydown", changeDirection);
            // 100ミリ秒ごとにゲームの状態を更新
            setInterval(updateGame, 100);
        }

// ゲームの状態を更新
        function updateGame() {
            // 古い位置の尾を削除
            snake.pop();

// 新しい位置を計算して頭を追加
            let head = { x: snake[0].x, y: snake[0].y };
            if (direction === "right") {
                head.x += 1;
            } else if (direction === "left") {
                head.x -= 1;
            } else if (direction === "up") {
                head.y -= 1;
            } else if (direction === "down") {
                head.y += 1;
            }
            snake.unshift(head);

// ゲームオーバーチェック
            if (head.x < 0 || head.x >= 10 || head.y < 0 || head.y >= 10) {
                alert("ゲームオーバー");
                snake = [{ x: 0, y: 0 }];
                direction = "right";
            }

// ゲーム画面を描画
            drawGame();
        }

// ゲーム画面を描画
        function drawGame() {
            let gameContainer = document.getElementById("game-container");
            gameContainer.innerHTML = "";
            snake.forEach(segment => {
                let segmentElement = document.createElement("span");
                segmentElement.textContent = "🐍";
                segmentElement.style.gridColumnStart = segment.x + 1;
                segmentElement.style.gridRowStart = segment.y + 1;
                gameContainer.appendChild(segmentElement);
            });
        }

// 方向転換のイベントハンドラ
        function changeDirection(event) {
            if (event.key === "ArrowRight" && direction !== "left") {
                direction = "right";
            } else if (event.key === "ArrowLeft" && direction !== "right") {
                direction = "left";
            } else if (event.key === "ArrowUp" && direction !== "down") {
                direction = "up";
            } else if (event.key === "ArrowDown" && direction !== "up") {
                direction = "down";
            }
        }

// ゲームを開始する
        init();
    </script>
</body>
</html>
```

このゲームは、スネーク（🐍）を操作して画面内を移動するものです。矢印キーを使ってスネークの移動方向を制御します。壁に衝突するとゲームオーバーになります。

ただし、この例ではタッチ操作には対応していません。スマホで遊ぶ場合は、タッチイベントを使用して画面上の特定の領域をタップすることで向きを変えるなど、タッチ操作に合わせた修正が必要になるかもしれません。