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

No:10358

A game where the player must collect as much coin ..ALL
Developer User4535｜Date and time 23/7/30 19:14:00
Build time 20.521 sec｜Game capacity 2.31KB｜

Script

Game Mengumpulkan Koin

Skor: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Game Mengumpulkan Koin</title>
</head>
<body>
  <h1>Game Mengumpulkan Koin</h1>

<canvas id="gameCanvas" width="400" height="400"></canvas>
  <p><strong>Skor: <span id="score">0</span></strong></p>
  
  <script>
  // Mendapatkan referensi ke elemen canvas
  var canvas = document.getElementById("gameCanvas");
  var context = canvas.getContext("2d");

// Mendefinisikan objek player
  var player = {
    x: canvas.width/2,
    y: canvas.height/2,
    width: 50,
    height: 50,
    speed: 5
  };

// Mendefinisikan objek koin
  var coin = {
    x: getRandomPosition(canvas.width),
    y: getRandomPosition(canvas.height),
    width: 25,
    height: 25
  };

var score = 0;

// Menggambar player dan koin pada canvas
  function draw() {
    context.clearRect(0, 0, canvas.width, canvas.height);
    context.fillStyle = "yellow";
    context.fillRect(player.x, player.y, player.width, player.height);

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

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

// Menggerakan player berdasarkan input
  function movePlayer(keyCode) {
    switch(keyCode) {
      case 37: // Left
        player.x -= player.speed;
        break;
      case 38: // Up
        player.y -= player.speed;
        break;
      case 39: // Right
        player.x += player.speed;
        break;
      case 40: // Down
        player.y += player.speed;
        break;
    }
  }

// Mengecek apakah player dan koin bertabrakan
  function checkCollision() {
    if (player.x < coin.x + coin.width &&
        player.x + player.width > coin.x &&
        player.y < coin.y + coin.height &&
        player.y + player.height > coin.y) {
      score++;
      coin.x = getRandomPosition(canvas.width);
      coin.y = getRandomPosition(canvas.height);
    }
  }

// Fungsi bantuan untuk mendapatkan posisi acak
  function getRandomPosition(max) {
    return Math.floor(Math.random() * max);
  }

// Fungsi utama game loop
  function gameLoop() {
    draw();
    checkCollision();
  }

window.addEventListener('keydown', function(event) {
    movePlayer(event.keyCode);
  });

setInterval(gameLoop, 20);
  </script>
</body>
</html>