AI game creator

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

No:36238

←

Prev Next

→

Swan simulator
Developer User16766｜Date and time 24/1/17 4:30:23
Build time 18.41 sec｜Game capacity 4.135KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Swan Simulator</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

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

#game-board {
            display: flex;
        }

.cell {
            width: 50px;
            height: 50px;
            border: 1px solid #ccc;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>

var gameBoard = [];

// Initialize the game board
        function initializeBoard() {
            for (var i = 0; i < boardSize; i++) {
                gameBoard[i] = [];
                for (var j = 0; j < boardSize; j++) {
                    gameBoard[i][j] = 0; // 0 represents an empty cell
                }
            }
        }

// Draw the game board on the screen
        function drawBoard() {
            var gameContainer = document.getElementById("game-board");
            gameContainer.innerHTML = "";

for (var i = 0; i < boardSize; i++) {
                for (var j = 0; j < boardSize; j++) {
                    var cell = document.createElement("div");
                    cell.className = "cell";
                    cell.id = "cell-" + i + "-" + j;
                    cell.onclick = moveSwan;
                    gameContainer.appendChild(cell);
                }
            }
        }

// Update the cell with the appropriate content
        function updateCellContent(row, col) {
            var cell = document.getElementById("cell-" + row + "-" + col);
            if (gameBoard[row][col] === 0) {
                cell.innerHTML = "";
                cell.style.backgroundColor = "#ffffff";
            } else if (gameBoard[row][col] === 1) {
                cell.innerHTML = "🦢"; // Unicode for swan icon
                cell.style.backgroundColor = "#add8e6";
            }
        }

// Place initial swans on the board randomly
        function placeInitialSwans() {
            for (var i = 0; i < maxSwans; i++) {
                var row = Math.floor(Math.random() * boardSize);
                var col = Math.floor(Math.random() * boardSize);

if (gameBoard[row][col] !== 1) {
                    gameBoard[row][col] = 1; // 1 represents a swan
                    swansCount++;
                } else {
                    i--; // Retry placing a swan in a new position
                }
            }
        }

// Move swan when a cell is clicked
        function moveSwan(event) {
            var cellId = event.target.id;
            var row = parseInt(cellId.split("-")[1]);
            var col = parseInt(cellId.split("-")[2]);

if (gameBoard[row][col] === 1) {
                gameBoard[row][col] = 0;
                swansCount--;
            } else if (swansCount < maxSwans) {
                gameBoard[row][col] = 1;
                swansCount++;
            }

updateCellContent(row, col);

// Check if the player has won
            if (swansCount === maxSwans) {
                alert("Congratulations! You've successfully managed all the swans!");
                initializeBoard();
                drawBoard();
                placeInitialSwans();
            }
        }

// Initialize the game
        function initializeGame() {
            initializeBoard();
            drawBoard();
            placeInitialSwans();
        }

// Start the game
        window.onload = initializeGame;
    </script>
</body>

</html>