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

No:7319

480

←

Prev Next

→

Universe creation game.
Developer User3988｜Date and time 23/7/6 20:57:54
Build time 17.989 sec｜Game capacity 2.862KB｜

Script

宇宙创造游戏

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>宇宙创造游戏</title>
  </head>
  <body>
    <script>
      // 宇宙创造游戏

// 创建一个宇宙创造游戏对象，包含游戏的状态
      const game = {
        universe: [],
        size: 20,
        started: false,
      };

// 初始化游戏宇宙
      function initializeUniverse() {
        for (let i = 0; i < game.size; i++) {
          game.universe[i] = [];
          for (let j = 0; j < game.size; j++) {
            game.universe[i][j] = 0; // 0 表示空白，1 表示星球
          }
        }
      }
      
      // 渲染游戏宇宙
      function renderUniverse() {
        const universeContainer = document.getElementById('universe-container');
        universeContainer.innerHTML = '';
        
        for (let i = 0; i < game.size; i++) {
          for (let j = 0; j < game.size; j++) {
            const cell = document.createElement('div');
            cell.classList.add('cell');

if (game.universe[i][j] === 1) {
              cell.classList.add('planet');
            }

universeContainer.appendChild(cell);
          }
        }
      }
      
      // 用户点击切换宇宙中的星球状态
      function togglePlanetStatus(event) {
        if (!game.started) {
          return; // 游戏未开始，不做处理
        }

const cell = event.target;
        const rowIndex = parseInt(cell.dataset.row);
        const colIndex = parseInt(cell.dataset.col);

if (game.universe[rowIndex][colIndex] === 0) {
          game.universe[rowIndex][colIndex] = 1; // 添加星球
          cell.classList.add('planet');
        } else {
          game.universe[rowIndex][colIndex] = 0; // 移除星球
          cell.classList.remove('planet');
        }
      }
      
      // 开始游戏
      function startGame() {
        game.started = true;
        renderUniverse();
      }
      
      // 结束游戏
      function endGame() {
        game.started = false;
      }
      
      // 初始化游戏
      function initializeGame() {
        const startButton = document.getElementById('start-button');
        const universeContainer = document.getElementById('universe-container');
        
        startButton.addEventListener('click', startGame);
        universeContainer.addEventListener('click', togglePlanetStatus);
        
        initializeUniverse();
        renderUniverse();
      }
      
      initializeGame();
    </script>
    
    <style>
      .cell {
        width: 30px;
        height: 30px;
        border: 1px solid gray;
        display: inline-block;
      }
      
      .planet {
        background-color: yellow;
      }
    </style>

<h1>宇宙创造游戏</h1>
    <button id="start-button">开始游戏</button>
    <div id="universe-container"></div>
  </body>
</html>