um jogo de um mundo virtual que tem botões de movimentar e de correr vivo. Seu objetivo é trazer a vida e crie formas de vida únicas em cubico cujos pixels e cores têm significado. Experimente a seleção natural e a seleção artificial. Que de casa de construções com materiais de craft é 2D e écubico com cores diferentes as vidas tanbem's game

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

No:13103

124

←

Prev Next

→

um jogo de um mundo virtual que tem botões de movi..ALL
Developer User5784｜Date and time 23/8/27 0:13:41
Build time 27.673 sec｜Game capacity 4.104KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo do Mundo Virtual</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      background-color: #F5F5F5;
      font-family: Arial, sans-serif;
    }
    
    #game-container {
      width: 500px;
      height: 500px;
      border: 2px solid #333;
      display: flex;
      flex-wrap: wrap;
      position: relative;
    }
    
    .pixel {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: bold;
    }
    
    .pixel.red {
      background-color: #FF4136;
      color: #FFF;
    }
    
    .pixel.blue {
      background-color: #0074D9;
      color: #FFF;
    }
    
    .pixel.green {
      background-color: #2ECC40;
      color: #FFF;
    }
    
    .pixel.yellow {
      background-color: #FFDC00;
      color: #333;
    }
    
    .button {
      display: inline-block;
      padding: 10px 20px;
      border: none;
      background-color: #333;
      color: #FFF;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
      margin-right: 10px;
      cursor: pointer;
    }
    
    #move-button {
      background-color: #0074D9;
    }
    
    #run-button {
      background-color: #2ECC40;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>
  <button id="move-button" class="button">Mover</button>
  <button id="run-button" class="button">Correr</button>
  
  <script>
    const gameContainer = document.getElementById("game-container");
    
    const worldSize = 10;
    const pixels = [];
    const playerStartPosition = { x: 0, y: 0 };
    const player = { x: playerStartPosition.x, y: playerStartPosition.y };
    let isRunning = false;
    let intervalId;
    
    function createPixel(x, y, color) {
      const pixel = document.createElement("div");
      pixel.className = "pixel " + color;
      pixel.dataset.x = x;
      pixel.dataset.y = y;
      gameContainer.appendChild(pixel);
      pixels.push(pixel);
    }
    
    function generateWorld() {
      for (let y = 0; y < worldSize; y++) {
        for (let x = 0; x < worldSize; x++) {
          const color = generateRandomColor();
          createPixel(x, y, color);
        }
      }
      movePlayer(player.x, player.y);
    }
    
    function generateRandomColor() {
      const colors = ["red", "blue", "green", "yellow"];
      return colors[Math.floor(Math.random() * colors.length)];
    }
    
    function movePlayer(newX, newY) {
      const currentPixel = pixels.find(pixel => pixel.dataset.x === player.x && pixel.dataset.y === player.y);
      currentPixel.style.color = "inherit";
      
      player.x = newX;
      player.y = newY;
      
      const newPixel = pixels.find(pixel => pixel.dataset.x === player.x && pixel.dataset.y === player.y);
      newPixel.style.color = "#FFF";
    }
    
    function move(direction) {
      let newX = player.x;
      let newY = player.y;
      
      switch(direction) {
        case "up":
          newY = (newY - 1 + worldSize) % worldSize;
          break;
        case "down":
          newY = (newY + 1) % worldSize;
          break;
        case "left":
          newX = (newX - 1 + worldSize) % worldSize;
          break;
        case "right":
          newX = (newX + 1) % worldSize;
          break;
      }
      
      movePlayer(newX, newY);
    }
    
    function run() {
      if (isRunning) {
        clearInterval(intervalId);
        isRunning = false;
      } else {
        intervalId = setInterval(function() {
          const direction = ["up", "down", "left", "right"][Math.floor(Math.random() * 4)];
          move(direction);
        }, 500);
        isRunning = true;
      }
    }
    
    document.getElementById("move-button").addEventListener("click", function() {
      move("right");
    });
    
    document.getElementById("run-button").addEventListener("click", function() {
      run();
    });
    
    generateWorld();
  </script>
</body>
</html>