AI game creator

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

No:31920

←

Prev Next

→

Crazy tic tac toe
Developer User15231｜Date and time 23/12/28 21:45:56
Build time 36.135 sec｜Game capacity 4.267KB｜

Script

Sure! Here's an example of a crazy tic tac toe game implemented as a single HTML file:

In this game, you can start by clicking on any empty cell on the tic tac toe board. The players (represented by "✖️" and "⭕️" pictograms) take turns to make their moves. The game will detect and notify the winner or declare a tie when appropriate. You can copy and save this code as an HTML file, and open it in your smartphone's web browser to play the game. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a crazy tic tac toe game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Crazy Tic Tac Toe</title>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="300"></canvas>

// Pictogram icons
        var icons = {
            "cross": "✖️",
            "circle": "⭕️"
        };

// Initialize the game
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

board = [
                ["", "", ""],
                ["", "", ""],
                ["", "", ""]
            ];

currentPlayer = "cross";
            gameEnded = false;

drawBoard();
            canvas.addEventListener("click", handleClick);
        }

// Handle player's move
        function handleClick(event) {
            if (gameEnded) {
                alert("Game over! Please start a new game.");
                return;
            }

var rect = canvas.getBoundingClientRect();
            var x = event.clientX - rect.left;
            var y = event.clientY - rect.top;

var row = Math.floor(y / 100);
            var col = Math.floor(x / 100);

if (board[row][col] === "") {
                board[row][col] = currentPlayer;
                drawBoard();

if (checkWin()) {
                    gameEnded = true;
                    alert("Player " + currentPlayer + " wins!");
                } else if (checkTie()) {
                    gameEnded = true;
                    alert("It's a tie!");
                } else {
                    currentPlayer = (currentPlayer === "cross") ? "circle" : "cross";
                }
            } else {
                alert("Invalid move! Please choose an empty cell.");
            }
        }

// Draw the game board
        function drawBoard() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for (var row = 0; row < 3; row++) {
                for (var col = 0; col < 3; col++) {
                    var cellX = col * 100;
                    var cellY = row * 100;

ctx.font = "60px Arial";
                    ctx.textAlign = "center";
                    ctx.textBaseline = "middle";
                    ctx.fillStyle = "black";
                    ctx.fillText(icons[board[row][col]], cellX + 50, cellY + 50);
                }
            }
        }

// Check for a win
        function checkWin() {
            for (var row = 0; row < 3; row++) {
                if (board[row][0] !== "" && board[row][0] === board[row][1] && board[row][1] === board[row][2]) {
                    return true;
                }
            }

for (var col = 0; col < 3; col++) {
                if (board[0][col] !== "" && board[0][col] === board[1][col] && board[1][col] === board[2][col]) {
                    return true;
                }
            }

if (board[0][0] !== "" && board[0][0] === board[1][1] && board[1][1] === board[2][2]) {
                return true;
            }

if (board[0][2] !== "" && board[0][2] === board[1][1] && board[1][1] === board[2][0]) {
                return true;
            }

return false;
        }

// Check for a tie
        function checkTie() {
            for (var row = 0; row < 3; row++) {
                for (var col = 0; col < 3; col++) {
                    if (board[row][col] === "") {
                        return false;
                    }
                }
            }
            return true;
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```

You can copy and save this code as an HTML file, and open it in your smartphone's web browser to play the game. Enjoy!