AI game creator

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

No:23540

206

←

Prev Next

→

Coin Collector
Developer Jyle｜Date and time 23/11/1 12:59:56
Build time 61.7 sec｜Game capacity 4.316KB｜

Script

Hello This is Coin Collector. In this game you have to collect coins as fast as you can!

Time: 60

Score: 0

Leaderboard:

Please note I Edited the code!☺️

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Hello This is Coin Collector. In this game you have to collect coins as fast as you can! <!DOCTYPE html>
<html>
  <head>
    <title>Coin Collector Game</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      #game-canvas {
        border: 5px solid Blue;
        display: block;
        margin: 0 auto;
      }
      #timer, #score, #leaderboard {
        margin-top: 10px;
      }
      #start-button {
        margin-top: 1px;
        padding: 20px 25px;
        background-color: Red;
        color: blue;
        cursor: pointer;
        display: block;
        margin: 0 Auto;
        position: absolute;
        top: 200;
        left: 105;
    }
    </style>
  </head>
  <body>
    <canvas id="game-canvas" width="350" height="300"></canvas>
    <div id="timer">Time: 60</div>
    <div id="score">Score: 0</div>
    <div id="leaderboard">Leaderboard:</div>
    <button id="start-button">Start Game</button>
    <script>
      const canvas = document.getElementById("game-canvas");
      const ctx = canvas.getContext("2d");
      const timerDisplay = document.getElementById("timer");
      const scoreDisplay = document.getElementById("score");
      const leaderboardDisplay = document.getElementById("leaderboard");
      const startButton = document.getElementById("start-button");
      let coin = null;
      let score = 0;
      let time = 60;
      const leaderboard = [];
      let gameStarted = false;

function getRandomCoordinates() {
        const coinRadius = 15;
        const maxX = canvas.width - 2 * coinRadius;
        const maxY = canvas.height - 2 * coinRadius;

return {
          x: Math.random() * maxX + coinRadius,
          y: Math.random() * maxY + coinRadius,
        };
      }

function createCoin() {
        coin = getRandomCoordinates();
      }

function drawGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        timerDisplay.innerHTML = `Time: ${time}`;

if (time === 0 || time > 60) {
          if (gameStarted) {
            const playerName = prompt("Enter your name:");
            leaderboard.push({ name: playerName, score: score });
            leaderboard.sort((a, b) => b.score - a.score);
          }
          displayLeaderboard();
          gameStarted = false;
          startButton.style.display = "inline";
          return;
        }

scoreDisplay.innerHTML = `Score: ${score}`;

if (coin) {
          // Shiny gold color
          ctx.fillStyle = "gold";
          ctx.beginPath();
          ctx.arc(coin.x, coin.y, 15, 0, Math.PI * 2);     
          ctx.fill();
          ctx.fillStyle = "darkorange";
  ctx.font = "20px Arial";
  ctx.fillText("$", coin.x, coin.y + 6); // Display "$" in the center of the coin
          }

if (coin && isColliding(player, coin)) {
          score++;
          time += 5;
          if (time > 60) {
            time = 60;
          }
          coin = null;
          createCoin();
        }

requestAnimationFrame(drawGame);
      }

function isColliding(object1, object2) {
        const distance = Math.sqrt(
          (object1.x - object2.x) ** 2 + (object1.y - object2.y) ** 2
        );
        return distance < 15;
      }

canvas.addEventListener("click", (e) => {
        player.x = e.clientX - canvas.getBoundingClientRect().left;
        player.y = e.clientY - canvas.getBoundingClientRect().top;
      });

function startGame() {
        gameStarted = true;
        startButton.style.display = "none";
        createCoin();
        drawGame();
      }

setInterval(() => {
        if (time > 0 && gameStarted) {
          time--;
        }
      }, 1000);

let player = { x: 0, y: 0 };

startButton.addEventListener("click", startGame);
 
</script>
  </body>
</html>
Please note I Edited the code!☺️