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

No:30291

simulador em que eu controle paises que eu escolhe..ALL
Developer User14741｜Date and time 23/12/21 5:03:11
Build time 17.969 sec｜Game capacity 2.563KB｜

Script

Simulador de Dominação Mundial

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Simulador de Dominação Mundial</title>
</head>
<body>
  <h1>Simulador de Dominação Mundial</h1>
  <canvas id="gameCanvas" width="800" height="400"></canvas>

// Dados dos países
    var countries = [
      { name: "Brasil", x: 200, y: 200, population: 210, military: 100 },
      { name: "Estados Unidos", x: 600, y: 100, population: 330, military: 120 },
      { name: "China", x: 500, y: 300, population: 1400, military: 150 },
      // Adicione mais países aqui...
    ];

// Elementos do jogo
    var player;
    var selectedCountry;

// Função para desenhar o mapa
    function drawMap() {
      // Limpa o canvas
      canvasContext.fillStyle = "white";
      canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Desenha os países no mapa
      countries.forEach(function(country) {
        var color = (selectedCountry === country) ? "blue" : "gray";
        canvasContext.fillStyle = color;
        canvasContext.fillRect(country.x, country.y, 50, 50);

// Desenha o nome do país
        canvasContext.fillStyle = "black";
        canvasContext.font = "12px Arial";
        canvasContext.fillText(country.name, country.x, country.y - 10);
      });
    }

// Função para atualizar a tela
    function update() {
      drawMap();
    }

// Função chamada quando o usuário clica no canvas
    function canvasClick(event) {
      var rect = canvas.getBoundingClientRect();
      var mouseX = event.clientX - rect.left;
      var mouseY = event.clientY - rect.top;

// Verifica se o clique foi em um país
      countries.forEach(function(country) {
        if (mouseX >= country.x && mouseX <= country.x + 50 && mouseY >= country.y && mouseY <= country.y + 50) {
          selectedCountry = country;
        }
      });

// Atualiza a tela
      update();
    }

// Função chamada quando a página é carregada
    function startGame() {
      // Inicializa o canvas
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");
      
      // Define a função para lidar com cliques no canvas
      canvas.addEventListener("click", canvasClick);

// Define o mapa inicial
      map = document.getElementById("map");
      selectedCountry = null;

// Atualiza a tela
      update();
    }

// Inicia o jogo quando a página é carregada
    window.onload = startGame;
  </script>
</body>
</html>