Subuh balok yg harus melewati balok blok yg susah di lewatin dan harus mengumpulkan koin's game

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

No:49328

←

Prev Next

→

Subuh balok yg harus melewati balok blok yg susah ..ALL
Developer User21017｜Date and time 24/3/4 18:02:09
Build time 10.745 sec｜Game capacity 2.029KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Game Subuh Balok</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    
    let playerX = 50;
    let playerY = 50;
    let playerWidth = 50;
    let playerHeight = 50;
    let coinX = 700;
    let coinY = 500;
    let coinWidth = 20;
    let coinHeight = 20;
    
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
    }
    
    function drawCoin() {
      ctx.fillStyle = "yellow";
      ctx.fillRect(coinX, coinY, coinWidth, coinHeight);
    }
    
    function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawCoin();
    }
    
    function movePlayerUp() {
      playerY -= 10;
    }
    
    function movePlayerDown() {
      playerY += 10;
    }
    
    function movePlayerLeft() {
      playerX -= 10;
    }
    
    function movePlayerRight() {
      playerX += 10;
    }
    
    function checkCollision() {
      if (playerX < coinX + coinWidth &&
          playerX + playerWidth > coinX &&
          playerY < coinY + coinHeight &&
          playerY + playerHeight > coinY) {
        coinX = Math.random() * canvas.width;
        coinY = Math.random() * canvas.height;
      }
    }
    
    function gameLoop() {
      drawGame();
      checkCollision();
      requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
    
    window.addEventListener("keydown", function(event) {
      switch(event.key) {
        case "ArrowUp":
          movePlayerUp();
          break;
        case "ArrowDown":
          movePlayerDown();
          break;
        case "ArrowLeft":
          movePlayerLeft();
          break;
        case "ArrowRight":
          movePlayerRight();
          break;
      }
    });
  </script>
</body>
</html>