A game where you place towers to defend your base from the spiders's game

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

No:25411

←

Prev Next

→

A game where you place towers to defend your base ..ALL
Developer User12433｜Date and time 23/11/21 11:36:04
Build time 82.021 sec｜Game capacity 2.501KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="pt">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Defenda sua base dos aranhas</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script>
    // Criando o canvas e definindo suas dimensões
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

// Variáveis do jogo
    const baseWidth = 50;
    const baseHeight = 50;
    const spiderSize = 30;

const gameWidth = canvas.width;
    const gameHeight = canvas.height;

let baseX = gameWidth / 2 - baseWidth / 2;
    let baseY = gameHeight - baseHeight - spiderSize;

let towers = [];

// Função para desenhar a base e as torres
    function drawGame() {
      // Limpa o canvas
      ctx.clearRect(0, 0, gameWidth, gameHeight);

// Desenha a base
      ctx.fillStyle = "blue";
      ctx.fillRect(baseX, baseY, baseWidth, baseHeight);

// Desenha as torres
      ctx.fillStyle = "red";
      for (let i = 0; i < towers.length; i++) {
        const tower = towers[i];
        ctx.fillRect(tower.x, tower.y, tower.width, tower.height);
      }

// Desenha as aranhas
      ctx.fillStyle = "black";
      ctx.fillRect(gameWidth / 2, 0, spiderSize, spiderSize);
    }

// Função para adicionar uma torre
    function addTower(x, y) {
      const tower = {
        x: x - baseWidth / 2,
        y: y - baseHeight / 2,
        width: baseWidth,
        height: baseHeight
      };

towers.push(tower);
    }

// Função para verificar se há uma torre na posição fornecida
    function towerExists(x, y) {
      for (let i = 0; i < towers.length; i++) {
        const tower = towers[i];
        if (x >= tower.x && x <= tower.x + tower.width &&
            y >= tower.y && y <= tower.y + tower.height) {
          return true;
        }
      }
      return false;
    }

// Evento de clique no canvas
    canvas.addEventListener('click', function(event) {
      const rect = canvas.getBoundingClientRect();
      const x = event.clientX - rect.left;
      const y = event.clientY - rect.top;

if (!towerExists(x, y)) {
        addTower(x, y);
      }
    });

// Loop do jogo
    function gameLoop() {
      drawGame();
      // Lógica do jogo aqui

// Chama a função gameLoop novamente
      requestAnimationFrame(gameLoop);
    }

// Inicia o jogo
    gameLoop();
  </script>
</body>
</html>