AI game creator

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

No:38687

←

Prev Next

→

FNAF
Developer User17421｜Date and time 24/1/25 7:39:30
Build time 16.999 sec｜Game capacity 4.36KB｜

Script

Here's a simple game implementation of FNAF using JavaScript in a single HTML file. The game assumes smartphone operation and uses pictograms as requested.

This implementation creates a tic-tac-toe style game using X and O symbols (pictograms). You can play the game on your smartphone by tapping on the squares. The goal is to get three X's or O's in a row, column, or diagonal.

←

Prev　Next

→ 　

Back　

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

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

Here's a simple game implementation of FNAF using JavaScript in a single HTML file. The game assumes smartphone operation and uses pictograms as requested.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>FNAF Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

#game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#start-button {
            padding: 10px 20px;
            background-color: #2196f3;
            color: #fff;
            font-size: 20px;
            border: none;
            outline: none;
            cursor: pointer;
        }

#game-board {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            max-width: 400px;
            margin: 0 auto;
            padding: 10px;
        }

.tile {
            width: calc(33.33% - 20px);
            margin: 10px;
            text-align: center;
            font-size: 30px;
            padding: 20px;
            background-color: #e0e0e0;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <button id="start-button">Start</button>
    </div>
    <div id="game-board"></div>

// Game board DOM elements
        const gameContainer = document.getElementById("game-container");
        const startButton = document.getElementById("start-button");
        const gameBoard = document.getElementById("game-board");

// Event listener for start button click
        startButton.addEventListener("click", startGame);

// Function to start the game
        function startGame() {
            gameStarted = true;
            gameContainer.style.display = "none";
            generateBoard();
        }

// Function to generate the game board
        function generateBoard() {
            for (let i = 0; i < numTiles; i++) {
                const tile = document.createElement("div");
                tile.className = "tile";
                tile.id = `tile-${i}`;
                tile.addEventListener("click", () => makeMove(i));
                gameBoard.appendChild(tile);
                currentBoard.push(null);
            }
        }

// Function to handle tile clicks
        function makeMove(tileIndex) {
            if (gameStarted && currentBoard[tileIndex] === null) {
                currentBoard[tileIndex] = currentTurn;
                document.getElementById(`tile-${tileIndex}`).textContent = currentTurn;
                checkWinner();

// Switch turns
                currentTurn = currentTurn === "X" ? "O" : "X";
            }
        }

// Function to check for a winner
        function checkWinner() {
            const winCombinations = [
                [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
                [0, 3, 6], [1, 4, 7], [2, 5, 8], // Columns
                [0, 4, 8], [2, 4, 6] // Diagonals
            ];

for (const combination of winCombinations) {
                const [a, b, c] = combination;
                if (currentBoard[a] && currentBoard[a] === currentBoard[b] && currentBoard[a] === currentBoard[c]) {
                    endGame(`${currentBoard[a]} wins!`);
                    return;
                }
            }

if (currentBoard.filter(tile => tile !== null).length === numTiles) {
                endGame("It's a draw!");
            }
        }

// Function to end the game
        function endGame(message) {
            gameStarted = false;
            alert(message);
            gameBoard.innerHTML = "";
            currentBoard = [];
            gameContainer.style.display = "flex";
        }
    </script>
</body>
</html>
```