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

No:2045

3411

←

Prev Next

→

Puzzle game made by AI Keep the source code long.
Developer User3470｜Date and time 23/6/19 22:33:43
Build time 38.397 sec｜Game capacity 3.441KB｜

Script

AI Puzzle Game

このパズルゲームは、AIがマークを置いた後交互にプレイヤーが自分のマークを置くことで勝者を決めるゲームです。勝利条件は、AIがパズルを完了する前にあなたが勝つか、あなたがパズルを完了する前にAIが勝つことです。パズルはシンプルな9マスのマス目で構成されています。ゲームはスマートフォンでもプレイできるように最適化され、絵文字が豊富に使用されています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Puzzle Game</title>
    <style>
        body {
            text-align: center;
            font-size: 2em;
        }
        button {
            font-size: 1em;
            padding: 5px;
            margin: 10px;
            background-color: #A4A4A4;
            border: none;
            color: white;
            border-radius: 10px;
            cursor: pointer;
        }
        #board {
            display: inline-block;
            margin: 20px auto;
            background-color: #EBEBEB;
            padding: 30px;
            border-radius: 10px;
        }
        .cell {
            display: inline-block;
            font-size: 1.5em;
            width: 50px;
            height: 50px;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>AI Puzzle Game</h1>
    <div id="board"></div>
    <button onclick="start()">Start Game</button>
    <button onclick="reset()">Reset Game</button>
    <script>
        let board = document.getElementById("board");
        let cells = [];
        let aiIndex = 0;
        let playerIndex = 0;
        let playerTurn = true;

// generate AI movements
            setInterval(function() {
                if (!playerTurn) {
                    aiMove();
                }
            }, 1000);
        }

function reset() {
            aiIndex = 0;
            playerIndex = 0;
            playerTurn = true;
            for (let i = 0; i < cells.length; i++) {
                cells[i].innerHTML = "";
            }
        }

function aiMove() {
            if (aiIndex < cells.length) {
                cells[aiIndex].innerHTML = "🤖";
                aiIndex++;
                playerTurn = true;
                checkGame();
            }
        }
    </script>
</body>
</html>