From c6d7ffc56fda16bb06e2689fce2c9a4092921aa6 Mon Sep 17 00:00:00 2001 From: Hijau-dev Date: Mon, 1 Dec 2025 11:11:53 +0700 Subject: [PATCH] Update --- Script.js | 29 +++++------------------------ 1 file changed, 5 insertions(+), 24 deletions(-) diff --git a/Script.js b/Script.js index 0578949..aa4534f 100644 --- a/Script.js +++ b/Script.js @@ -5,7 +5,6 @@ var canvasHeight = 650; var c = undefined; var ctx = undefined; -// STATE GAME let gameStarted = false; let musicMuted = false; @@ -17,7 +16,7 @@ var game = { timer: 0, }; -// INPUT + var keys = { up: false, down: false, @@ -26,7 +25,6 @@ var keys = { fire: false, }; -// IMAGE ASSET var playerShipImg = new Image(); playerShipImg.src = "img/fighterShip.png"; @@ -42,17 +40,14 @@ bg2.src = "img/bg_0.png"; var enemy1 = new Image(); enemy1.src = "img/alien_0.png"; -// AUDIO var backgroundMusic = document.createElement("audio"); backgroundMusic.src = "music/Muriel-BobbyRichards.mp3"; var laser = document.createElement("audio"); laser.src = "music/laser2.mp3"; -// MISILES & ENEMY var missilesArray = []; -// INIT GAME window.onload = function () { init(); }; @@ -61,11 +56,9 @@ function init() { c = document.getElementById("canvas"); ctx = c.getContext("2d"); - // INPUT HANDLER document.addEventListener("keydown", keyDownPressed); document.addEventListener("keyup", keyUpPressed); - // --- START MENU BUTTONS --- document.getElementById("startBtn").onclick = () => { document.getElementById("startMenu").style.display = "none"; gameStarted = true; @@ -90,7 +83,6 @@ function init() { requestAnimationFrame(gameLoop); } -// MAIN GAME LOOP function gameLoop() { if (gameStarted) { clearGame(); @@ -100,12 +92,11 @@ function gameLoop() { requestAnimationFrame(gameLoop); } -// INPUT HANDLER function keyDownPressed(e) { - if (e.keyCode == 87) keys.up = true; // W - if (e.keyCode == 83) keys.down = true; // S - if (e.keyCode == 65) keys.left = true; // A - if (e.keyCode == 68) keys.right = true; // D + if (e.keyCode == 87) keys.up = true; + if (e.keyCode == 83) keys.down = true; + if (e.keyCode == 65) keys.left = true; + if (e.keyCode == 68) keys.right = true; if (e.keyCode == 87) { backgroundMusic.play(); @@ -113,7 +104,6 @@ function keyDownPressed(e) { } if (e.keyCode == 32) { - // SPACE keys.fire = true; missilesArray.push( new Missile(player1.x + 120, player1.y + 50, "white", 12) @@ -133,12 +123,10 @@ function keyUpPressed(e) { if (e.keyCode == 32) keys.fire = false; } -// CLEAR CANVAS function clearGame() { ctx.clearRect(0, 0, canvasWidth, canvasHeight); } -// UPDATE GAME OBJECTS function updateGame() { addStarField(); @@ -151,7 +139,6 @@ function updateGame() { game.frames++; } -// DRAW SPRITES function drawGame() { planet.draw(); @@ -164,7 +151,6 @@ function drawGame() { drawNewText("Player Lives: " + player1.lives, 1100, 610, "white"); } -// PLAYER class PlayerObject { constructor(x, y) { this.x = x; @@ -193,14 +179,12 @@ class PlayerObject { let player1 = new PlayerObject(100, 100); -// TEXT function drawNewText(txt, x, y, color) { ctx.font = "20px Arial"; ctx.fillStyle = color; ctx.fillText(txt, x, y); } -// BACKGROUND class backgroundObj { constructor(img, x, y, speed) { this.img = img; @@ -239,7 +223,6 @@ function addStarField() { background2a.update(); } -// MISSILE class Missile { constructor(x, y, color, speed) { this.x = x; @@ -260,7 +243,6 @@ class Missile { } } -// ENEMY class EnemyObj { constructor(x, y, speed) { this.x = x; @@ -284,7 +266,6 @@ class EnemyObj { let enemy = new EnemyObj(800, 200, 12); -// PLANET class PlanetObj { constructor(img, x, y, width, height, speed) { this.img = img;