Meteor jatuh dengan emoji 🗿's game

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

No:33993

←

Prev Next

→

Meteor jatuh dengan emoji 🗿
Developer User15969｜Date and time 24/1/7 13:53:14
Build time 31.073 sec｜Game capacity 2.908KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Game Meteor Jatuh</title>
  </head>
  <body>
    <canvas id="myCanvas" width="400" height="400"></canvas>

// Inisialisasi posisi dan ukuran meteor
      let meteorX = 200;
      let meteorY = 0;
      let meteorWidth = 50;
      let meteorHeight = 50;

// Inisialisasi posisi dan ukuran karakter pemain
      let playerX = 175;
      let playerY = 350;
      let playerWidth = 50;
      let playerHeight = 50;

// Mendapatkan waktu saat memulai game
      let startTime = Date.now();

// Fungsi untuk menggambar karakter pemain
      function drawPlayer() {
        ctx.fillStyle = "#FF0000";
        ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
      }

// Fungsi untuk menggambar meteor
      function drawMeteor() {
        ctx.fillStyle = "#000000";
        ctx.fillRect(meteorX, meteorY, meteorWidth, meteorHeight);
      }

// Fungsi untuk mendapatkan input gerakan dari pemain (geser kiri atau kanan)
      function handleInput(event) {
        if (event.key === "ArrowLeft") {
          playerX -= 5;
        } else if (event.key === "ArrowRight") {
          playerX += 5;
        }
      }

// Fungsi untuk mendapatkan waktu saat ini (dalam detik) sejak memulai game
      function getCurrentTime() {
        let currentTime = Date.now();
        let elapsedTime = Math.floor((currentTime - startTime) / 1000);
        return elapsedTime;
      }

// Fungsi untuk mengupdate posisi meteor setiap frame
      function update() {
        meteorY += 5;

// Jika meteor mencapai lantai
        if (meteorY > canvas.height - meteorHeight) {
          gameOver();
        }

// Jika karakter pemain bertabrakan dengan meteor
        if (
          playerX < meteorX + meteorWidth &&
          playerX + playerWidth > meteorX &&
          playerY < meteorY + meteorHeight &&
          playerY + playerHeight > meteorY
        ) {
          gameOver();
        }
      }

// Fungsi untuk menggambar ulang semua elemen game setiap frame
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawMeteor();
      }

// Fungsi untuk mengakhiri permainan dan menampilkan skor
      function gameOver() {
        let score = getCurrentTime();
        alert("Permainan berakhir! Skor Anda: " + score);
        // Untuk memulai permainan baru, reload halaman
        location.reload();
      }

// Mendengarkan input dari pengguna
      document.addEventListener("keydown", handleInput);

// Loop permainan
      function gameLoop() {
        update();
        draw();
        requestAnimationFrame(gameLoop);
      }

// Memulai permainan
      gameLoop();
    </script>
  </body>
</html>