From cd26b1b2f1eaea46fa154d24475fba2b2ec5bc55 Mon Sep 17 00:00:00 2001
From: JERRY F <boanerges-y.inf25@ukwms.ac.id>
Date: Wed, 26 Nov 2025 21:28:34 +0700
Subject: [PATCH] tembok dan ukuran

---
 game.html | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/game.html b/game.html
index 123bc35..2e2580c 100644
--- a/game.html
+++ b/game.html
@@ -59,8 +59,8 @@
         color: red;
         font-size: 90px;
         position: absolute;
-        top: 450px;
-        left: 210px;
+        top: 280px;
+        left: 300px;
       }
       #game {
         background: rgb(192, 232, 255);
@@ -77,7 +77,7 @@
     </header>
 
     <div class="HalamanFull">
-      <canvas width="800" height="800" id="game"></canvas>
+      <canvas width="1058" height="480" id="game"></canvas>
       <div id="gameover" class="gameover"></div>
       <div>
         <div class="text">Controls: <br />Movement: W A S D <br /><br /></div>
@@ -126,7 +126,7 @@
       //D:\PROYEK UAS\Game ULAR\gambar\Tembok.png
 
       //set posisi ular dan Apel
-      var Ular = { x: 400, y: 400, dx: grid, dy: 0, cells: [], maxCells: 4 };
+      var Ular = { x: 528, y: 240, dx: grid, dy: 0, cells: [], maxCells: 4 };
       var Apel = { x: 0, y: 0 };
       var Tembok = [];
       UpdateScore(0);
@@ -147,8 +147,8 @@
               ? "Gameover " + GameOverTimer.toFixed(0).toString()
               : "";
           if (GameOverTimer <= 0) {
-            Ular.x = 400;
-            Ular.y = 400;
+            Ular.x = 528;
+            Ular.y = 240;
             Ular.cells = [];
             Ular.maxCells = 4;
             Ular.dx = grid;
@@ -169,19 +169,24 @@
 
       //random spawn Apel
       function RandomizeApel() {
-        Apel.x = Math.floor(Math.random() * 50) * grid;
-        Apel.y = Math.floor(Math.random() * 50) * grid;
+        var pembataslebar = Math.floor(canvas.width / grid);
+        var pembatastinggi = Math.floor(canvas.height / grid);
+        Apel.x = Math.floor(Math.random() * pembataslebar) * grid;
+        Apel.y = Math.floor(Math.random() * pembatastinggi) * grid;
       }
 
       function RandomSpawnWall() {
         var TembokX, TembokY;
         var kosong;
+        var pembataslebar = Math.floor(canvas.width / grid);
+        var pembatastinggi = Math.floor(canvas.height / grid);
 
         //create tembok
         do {
           kosong = true;
-          TembokX = Math.floor(Math.random() * 50) * grid;
-          TembokY = Math.floor(Math.random() * 50) * grid;
+
+          TembokX = Math.floor(Math.random() * pembataslebar) * grid;
+          TembokY = Math.floor(Math.random() * pembatastinggi) * grid;
 
           //cek untuk posisi yang mau di kasih tembok ada/tidak ada ularnya
           for (var i = 0; i < Ular.cells.length; i++) {