Criador de jogos da AI's game

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

No:14643

←

Prev Next

→

Criador de jogos da AI
Developer User6309｜Date and time 23/9/3 22:14:26
Build time 28.669 sec｜Game capacity 2.949KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Criando um objeto para representar o alvo
      var target = {
        x: Math.random() * 440,
        y: Math.random() * 280,
        width: 40,
        height: 40,
        color: '#FF0000',
      };

// Obtendo o elemento canvas
      var canvas = document.getElementById('gameCanvas');
      var ctx = canvas.getContext('2d');

// Função para desenhar objetos na tela
      function drawObject(obj) {
        ctx.fillStyle = obj.color;
        ctx.fillRect(obj.x, obj.y, obj.width, obj.height);
      }

function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }

// Função para atualizar a posição do jogador
      function updatePlayer() {
        player.x += player.dx;
        player.y += player.dy;

// Verificar se o jogador colidiu com o alvo
        if (player.x < target.x + target.width &&
            player.x + player.width > target.x &&
            player.y < target.y + target.height &&
            player.y + player.height > target.y) {
          // Jogador atingiu o alvo
          target.x = Math.random() * 440;
          target.y = Math.random() * 280;
        }
      }

// Funções para controlar o jogador
      function moveLeft() {
        player.dx = -player.speed;
      }

function moveRight() {
        player.dx = player.speed;
      }

function moveUp() {
        player.dy = -player.speed;
      }

function moveDown() {
        player.dy = player.speed;
      }

function stop() {
        player.dx = 0;
        player.dy = 0;
      }

// Adicionando eventos para controlar o jogador com o toque na tela
      canvas.addEventListener('touchstart', function(event) {
        var touchX = event.touches[0].clientX;
        var touchY = event.touches[0].clientY;

if (touchX < player.x) {
          moveLeft();
        } else if (touchX > player.x + player.width) {
          moveRight();
        } else if (touchY < player.y) {
          moveUp();
        } else if (touchY > player.y + player.height) {
          moveDown();
        }
      });

canvas.addEventListener('touchend', function(event) {
        stop();
      });

// Função para atualizar o jogo em cada quadro
      function update() {
        clearCanvas();
        drawObject(player);
        drawObject(target);
        updatePlayer();

requestAnimationFrame(update);
      }

// Iniciando o jogo
      update();
    </script>
  </body>
</html>