Food Merge And Free Food's game

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

No:41647

←

Prev Next

→

Food Merge And Free Food
Developer User18645｜Date and time 24/2/8 19:53:18
Build time 16.159 sec｜Game capacity 3.314KB｜

Script

เกม Food Merge และ Free Food สำหรับสมาร์ทโฟน

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

เกม Food Merge และ Free Food สำหรับสมาร์ทโฟน

<!DOCTYPE html>
<html>
<head>
   <title>Food Merge and Free Food Game</title>
</head>
<body>
   <canvas id="gameCanvas" width="400" height="600"></canvas>

// กำหนดขนาดของกริดเกมเป็น 4x4 กับอาหาร 8 ชนิด
   var gridSize = 4;
   var numFoods = 8;

// สร้างกริดเกม
   var grid = [];
   for (var row = 0; row < gridSize; row++) {
     grid[row] = [];
     for (var col = 0; col < gridSize; col++) {
       grid[row][col] = 0; // 0 หมายถึงไม่มีอาหารในช่องนี้
     }
   }

// สร้างอาหารสุ่มในเกม
   function generateRandomFood() {
     var row = Math.floor(Math.random() * gridSize);
     var col = Math.floor(Math.random() * gridSize);
     var food = Math.floor(Math.random() * numFoods) + 1; // เลขอาหารจะอยู่ในช่วง 1-8
     grid[row][col] = Math.random() > 0.5 ? food : 0; // 50% ความน่าจะเป็นให้มีอาหารในช่องนี้
   }

// ฟังก์ชันเพิ่มอาหารเข้าไปในเกม
   function addFood() {
     generateRandomFood();
     drawGrid();
   }

// ฟังก์ชันเพิ่มอาหารตลอดเวลา
   setInterval(addFood, 2000);

// ฟังก์ชันวาดกริดเกม
   function drawGrid() {
     // ล้างแคนวาส
     ctx.clearRect(0, 0, canvas.width, canvas.height);

for (var row = 0; row < gridSize; row++) {
       for (var col = 0; col < gridSize; col++) {
         var food = grid[row][col];
         if (food > 0) {
           // วาดอาหารเป็นสัญลักษณ์หรือรูปภาพตามอาร์ทีตี
           var image = new Image();
           image.src = "pictograms/food" + food + ".png";
           ctx.drawImage(image, col * 100, row * 100, 100, 100);
         }
       }
     }
   }

// วาดกริดเกมเริ่มต้น
   drawGrid();

// เมื่อผู้เล่นแตะที่เกม
   canvas.addEventListener("touchstart", function(event) {
     var touchX = event.touches[0].clientX - canvas.offsetLeft;
     var touchY = event.touches[0].clientY - canvas.offsetTop;

// คำนวณเลขแถวและคอลัมน์ของช่องที่ผู้เล่นแตะ
     var row = Math.floor(touchY / 100);
     var col = Math.floor(touchX / 100);

// ตรวจสอบว่ามีอาหารในช่องที่ผู้เล่นแตะหรือไม่
     if (grid[row][col] > 0) {
       // ลบอาหารจากกริดเกม
       grid[row][col] = 0;
       drawGrid();
     }
   });
   </script>
</body>
</html>