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

No:36243

134

←

Prev Next

→

Swan bird simulator
Developer User16766｜Date and time 24/1/17 5:22:59
Build time 11.432 sec｜Game capacity 2.389KB｜

Script

Swan Bird Simulator

This is a simple Swan Bird Simulator game implemented in a single HTML file. It uses JavaScript to handle the game logic and is enclosed in script tags. The game is designed for smartphone operation and uses pictograms as requested. The player can click on the cells to place swans or create lakes.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Swan Bird Simulator</title>
  <style>
    body {
      background-color: #f5f5f5;
      text-align: center;
    }

h1 {
      color: #333333;
      margin-top: 50px;
    }

#game-board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 30px;
    }

.cell {
      width: 80px;
      height: 80px;
      margin: 5px;
      border: 2px solid #cccccc;
      border-radius: 50%;
      background-color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 26px;
      font-weight: bold;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Swan Bird Simulator</h1>
  <div id="game-board"></div>

// Game State
    const gameState = [
      ['🦢', '🦢', '🦢'],
      ['🦢', '🏝️', '🦢'],
      ['🦢', '🦢', '🦢']
    ];

// Render Game Board
    function renderBoard() {
      gameBoard.innerHTML = '';
      for (let i = 0; i < gameState.length; i++) {
        for (let j = 0; j < gameState[i].length; j++) {
          const cell = document.createElement('div');
          cell.classList.add('cell');
          cell.innerText = gameState[i][j];
          cell.setAttribute('data-row', i);
          cell.setAttribute('data-col', j);
          cell.addEventListener('click', onCellClick);
          gameBoard.appendChild(cell);
        }
      }
    }

// Handle Cell Click
    function onCellClick(event) {
      const row = parseInt(event.target.getAttribute('data-row'));
      const col = parseInt(event.target.getAttribute('data-col'));

// Perform action based on cell contents
      if (gameState[row][col] === '🏝️') {
        gameState[row][col] = '🦢'; // Place a swan
      } else if (gameState[row][col] === '🦢') {
        gameState[row][col] = '🏝️'; // Create a lake
      }

renderBoard();
    }

// Initial Render
    renderBoard();
  </script>
</body>
</html>
```