AI game creator

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

No:30505

←

Prev Next

→

Collect coins
Developer User14751｜Date and time 23/12/22 10:40:07
Build time 20.46 sec｜Game capacity 2.947KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Coletar Moedas</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player object
    var player = {
      x: 200,
      y: 200,
      width: 50,
      height: 50,
      speed: 5
    };

// Coin object
    var coin = {
      x: 100,
      y: 100,
      width: 25,
      height: 25
    };

// Variables to keep track of score and game status
    var score = 0;
    var gameEnded = false;

// Handle player movement
    function handlePlayerMovement(event) {
      var key = event.key;

// Move player based on key pressed
      if (key === "ArrowUp") {
        player.y -= player.speed;
      } else if (key === "ArrowDown") {
        player.y += player.speed;
      } else if (key === "ArrowLeft") {
        player.x -= player.speed;
      } else if (key === "ArrowRight") {
        player.x += player.speed;
      }

// Check if player collects the coin
      if (isColliding(player, coin)) {
        // Increase score and relocate the coin
        score++;
        coin.x = Math.random() * (canvas.width - coin.width);
        coin.y = Math.random() * (canvas.height - coin.height);
      }
    }

// Function to check collision between two objects
    function isColliding(object1, object2) {
      if (
        object1.x < object2.x + object2.width &&
        object1.x + object1.width > object2.x &&
        object1.y < object2.y + object2.height &&
        object1.y + object1.height > object2.y
      ) {
        return true;
      }
      return false;
    }

// Main game loop
    function gameLoop() {
      if (gameEnded) {
        return; // Game is already ended, no need to continue
      }

// Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      context.fillStyle = "blue";
      context.fillRect(player.x, player.y, player.width, player.height);

// Draw coin
      context.fillStyle = "gold";
      context.fillRect(coin.x, coin.y, coin.width, coin.height);

// Draw score
      context.font = "20px Arial";
      context.fillStyle = "black";
      context.fillText("Score: " + score, 10, 30);

// Check if game is won (e.g., collected enough coins)
      if (score >= 10) {
        gameEnded = true;
        alert("Parabéns! Você coletou 10 moedas e venceu o jogo.");
        return;
      }

// Request next animation frame
      requestAnimationFrame(gameLoop);
    }

// Start the game
    function startGame() {
      document.addEventListener("keydown", handlePlayerMovement); // Listen for player movement
      gameLoop(); // Start the main game loop
    }

// Call the startGame function when the page loads
    window.onload = startGame;
  </script>
</body>
</html>