Update game.js

game.js

@@ -1,6 +1,7 @@
 const canvas = document.getElementById('gameCanvas');
 const ctx = canvas.getContext('2d');
 
+// Menetapkan ukuran canvas
 canvas.width = 800;
 canvas.height = 600;
 
@@ -9,6 +10,7 @@ let bullets = [];
 let enemies = [];
 let gameOver = false;
 
+// Fungsi untuk memulai ulang game
 function startGame() {
     spaceship = new Spaceship();
     bullets = [];
@@ -18,6 +20,7 @@ function startGame() {
     gameLoop();
 }
 
+// Membuat objek pesawat
 class Spaceship {
     constructor() {
         this.width = 50;
@@ -26,7 +29,7 @@ class Spaceship {
         this.y = canvas.height - this.height - 10;
         this.speed = 5;
         this.image = new Image();
-        this.image.src = 'https://via.placeholder.com/50';  // Add spaceship image URL here
+        this.image.src = 'https://via.placeholder.com/50/00ff99/000000?text=%E2%9C%94';  // Gambar pesawat
     }
 
     move(direction) {
@@ -47,6 +50,7 @@ class Spaceship {
     }
 }
 
+// Membuat objek peluru
 class Bullet {
     constructor(x, y) {
         this.x = x;
@@ -66,6 +70,7 @@ class Bullet {
     }
 }
 
+// Membuat objek musuh
 class Enemy {
     constructor() {
         this.width = 50;
@@ -85,16 +90,18 @@ class Enemy {
     }
 }
 
+// Fungsi utama untuk menggambar dan mengupdate game setiap frame
 function gameLoop() {
     if (gameOver) {
         document.getElementById('gameOver').style.display = 'block';
         return;
     }
 
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    ctx.clearRect(0, 0, canvas.width, canvas.height);  // Bersihkan layar
 
     spaceship.draw();
 
+    // Gerakkan dan gambar peluru
     bullets.forEach((bullet, index) => {
         bullet.move();
         bullet.draw();
@@ -103,10 +110,12 @@ function gameLoop() {
         }
     });
 
+    // Menambahkan musuh baru secara acak
     if (Math.random() < 0.02) {
         enemies.push(new Enemy());
     }
 
+    // Gerakkan dan gambar musuh
     enemies.forEach((enemy, index) => {
         enemy.move();
         enemy.draw();
@@ -115,6 +124,7 @@ function gameLoop() {
             enemies.splice(index, 1);
         }
 
+        // Cek tabrakan antara peluru dan musuh
         bullets.forEach((bullet, bulletIndex) => {
             if (
                 bullet.x < enemy.x + enemy.width &&
@@ -128,17 +138,4 @@ function gameLoop() {
         });
     });
 
-    requestAnimationFrame(gameLoop);
-}
-
-document.addEventListener('keydown', (e) => {
-    if (e.key === 'ArrowLeft') {
-        spaceship.move('left');
-    } else if (e.key === 'ArrowRight') {
-        spaceship.move('right');
-    } else if (e.key === ' ') {
-        spaceship.shoot();
-    }
-});
-
-startGame();
+    requestAnimationFrame(gameLoop);  // Loop permainan