AI game creator

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

No:4762

789

←

Prev Next

→

event match
Developer もちきなこ｜Date and time 23/6/28 19:22:33
Build time 38.157 sec｜Game capacity 3.975KB｜

Script

了解です。以下に、スマホで遊べるシンプルなゲームの例を示します。

このHTMLファイルは、タブレットまたはスマートフォンで開いてプレイできるシンプルな「三目並べ」ゲームです。プレイヤーは交代でボタンをクリックし、自分のマーク（"X"または"O"）を配置していきます。1列または1行、または斜めに自分のマークを揃えると勝利です。注：このコードは簡素化された例であり、デザインや機能が不足しているかもしれませんが、基本的な部分はカバーしています。必要に応じてカスタマイズや拡張を行ってください。

←

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>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        #game-board {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(3, 1fr);
            font-size: 80px;
        }
        button {
            border: none;
            background: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <button onclick="playTurn(0, 0)"></button>
        <button onclick="playTurn(0, 1)"></button>
        <button onclick="playTurn(0, 2)"></button>
        <button onclick="playTurn(1, 0)"></button>
        <button onclick="playTurn(1, 1)"></button>
        <button onclick="playTurn(1, 2)"></button>
        <button onclick="playTurn(2, 0)"></button>
        <button onclick="playTurn(2, 1)"></button>
        <button onclick="playTurn(2, 2)"></button>
    </div>

function playTurn(row, col) {
            if (board[row][col] == "") {
                board[row][col] = currentPlayer;
                document.getElementById("game-board").children[row * 3 + col].innerText = currentPlayer;

checkWin();

currentPlayer = currentPlayer === "X" ? "O" : "X";
            }
        }

function checkWin() {
            // 横向きのチェック
            for (let row = 0; row < 3; row++) {
                if (board[row][0] !== "" && board[row][0] === board[row][1] && board[row][1] === board[row][2]) {
                    alert(board[row][0] + "の勝ち！");
                    resetGame();
                    return;
                }
            }

// 縦向きのチェック
            for (let col = 0; col < 3; col++) {
                if (board[0][col] !== "" && board[0][col] === board[1][col] && board[1][col] === board[2][col]) {
                    alert(board[0][col] + "の勝ち！");
                    resetGame();
                    return;
                }
            }

// 斜めのチェック
            if (board[0][0] !== "" && board[0][0] === board[1][1] && board[1][1] === board[2][2]) {
                alert(board[0][0] + "の勝ち！");
                resetGame();
                return;
            }

if (board[0][2] !== "" && board[0][2] === board[1][1] && board[1][1] === board[2][0]) {
                alert(board[0][2] + "の勝ち！");
                resetGame();
                return;
            }
        }

function resetGame() {
            currentPlayer = "X";
            board = [
                ["", "", ""],
                ["", "", ""],
                ["", "", ""]
            ];
            Array.from(document.getElementById("game-board").children).forEach(button => button.innerText = "");
        }
    </script>
</body>
</html>
```

このHTMLファイルは、タブレットまたはスマートフォンで開いてプレイできるシンプルな「三目並べ」ゲームです。プレイヤーは交代でボタンをクリックし、自分のマーク（"X"または"O"）を配置していきます。1列または1行、または斜めに自分のマークを揃えると勝利です。

注：このコードは簡素化された例であり、デザインや機能が不足しているかもしれませんが、基本的な部分はカバーしています。必要に応じてカスタマイズや拡張を行ってください。