AI game creator

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

No:26796

←

Prev Next

→

Um jogo de sniper
Developer User13247｜Date and time 23/12/2 12:47:31
Build time 42.58 sec｜Game capacity 3.156KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Jogo de Sniper</title>
    <style>
      #gameCanvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
      // Obter o elemento do canvas
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");

// Variáveis do jogo
      let score = 0;
      let targets = [];

// Objeto do jogador
      const player = {
        x: 0,
        y: canvas.height / 2,
        width: 50,
        height: 50,
        speed: 10,
        draw: function() {
          ctx.fillStyle = "blue";
          ctx.fillRect(this.x, this.y, this.width, this.height);
        }
      };

// Objeto do alvo
      function Target(x, y, size, speed) {
        this.x = x;
        this.y = y;
        this.size = size;
        this.speed = speed;
      }

Target.prototype.draw = function() {
        ctx.fillStyle = "red";
        ctx.fillRect(this.x, this.y, this.size, this.size);
      }

Target.prototype.update = function() {
        this.x -= this.speed;
      }

// Função para criar novos alvos
      function createTargets() {
        const size = Math.random() * 50 + 20;
        const y = Math.random() * (canvas.height - size);
        const speed = Math.random() * 3 + 1;
        targets.push(new Target(canvas.width, y, size, speed));
      }

// Verificar colisão entre jogador e alvos
      function checkCollision() {
        for (let i = 0; i < targets.length; i++) {
          if (
            player.x < targets[i].x + targets[i].size &&
            player.x + player.width > targets[i].x &&
            player.y < targets[i].y + targets[i].size &&
            player.y + player.height > targets[i].y
          ) {
            // Se houver colisão, remover o alvo e aumentar o score
            targets.splice(i, 1);
            score++;
          }
        }
      }

// Função principal do jogo
      function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        player.draw();

// Desenhar e atualizar alvos
        targets.forEach(target => {
          target.draw();
          target.update();
        });

checkCollision();

// Mostrar pontuação no canvas
        ctx.fillStyle = "black";
        ctx.font = "24px Arial";
        ctx.fillText("Score: " + score, 10, 50);

// Criar novos alvos a cada segundo
        if (Math.random() < 0.01) {
          createTargets();
        }

requestAnimationFrame(gameLoop);
      }

// Função para movimentar o jogador
      function handleKeyPress(e) {
        if (e.key === "ArrowUp" && player.y > 0) {
          player.y -= player.speed;
        } else if (e.key === "ArrowDown" && player.y < canvas.height - player.height) {
          player.y += player.speed;
        }
      }

// Adicionar evento de teclado para mover o jogador
      document.addEventListener("keydown", handleKeyPress);

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