Football X Tetris Club's game

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

No:41640

←

Prev Next

→

Football X Tetris Club
Developer User18645｜Date and time 24/2/8 19:39:07
Build time 21.572 sec｜Game capacity 6.623KB｜

Script

ของเล่น: Football X Tetris Club

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

ของเล่น: Football X Tetris Club

<!DOCTYPE html>
<html>
<head>
    <title>Football X Tetris Club</title>
</head>
<body>
    <script>
        // กำหนดตัวแปรสำหรับการเล่นเกม
        var score = 0; // คะแนน
        var level = 1; // ระดับ
        var speed = 1000; // ความเร็วในการร่วมเกม (มีหน่วยเป็น milliseconds)
        var isGameOver = false; // ตรวจสอบว่าเกมจบแล้วหรือยัง
        
        // สร้างพิกัดสำหรับแต่ละแถวและคอลัมน์ในแกริด
        var grid = [];
        for (var row = 0; row < 10; row++) {
            grid[row] = [];
            for (var col = 0; col < 10; col++) {
                grid[row][col] = 0;
            }
        }
        
        // สร้างฟังก์ชันสำหรับการเริ่มเกม
        function startGame() {
            drawGrid();
            createFootball();
            setInterval(moveFootballDown, speed);
            document.addEventListener("keydown", control);
        }
        
        // สร้างฟังก์ชันสำหรับการวาดแกริด
        function drawGrid() {
            var displayGrid = document.getElementById("grid");
            displayGrid.innerHTML = "";
            
            for (var row = 0; row < 10; row++) {
                for (var col = 0; col < 10; col++) {
                    var cell = document.createElement("div");
                    cell.className = "cell";
                    
                    if (grid[row][col] === 1) {
                        cell.className += " active";
                    }
                    
                    displayGrid.appendChild(cell);
                }
            }
        }
        
        // สร้างฟังก์ชันสำหรับการสร้างกองเป็ด
        function createFootball() {
            var startCol = Math.floor(Math.random() * 9);
            grid[0][startCol] = 1;
        }
        
        // สร้างฟังก์ชันสำหรับการเคลื่อนที่ของกองเป็ด
        function moveFootballDown() {
            for (var row = 9; row >= 0; row--) {
                for (var col = 0; col < 10; col++) {
                    if (grid[row][col] === 1) {
                        if (row === 9 || grid[row+1][col] === 2) {
                            grid[row][col] = 2;
                            clearFullRows();
                            createFootball();
                            return;
                        } else {
                            grid[row][col] = 0;
                            grid[row+1][col] = 1;
                        }
                    }
                }
            }
            
            drawGrid();
            updateScore();
            updateLevel();
        }
        
        // สร้างฟังก์ชันสำหรับควบคุมการเคลื่อนที่ของกองเป็ด
        function control(event) {
            if (isGameOver) {
                return;
            }
            
            var currentFootballRow = -1;
            var currentFootballCol = -1;
            
            for (var row = 0; row < 10; row++) {
                for (var col = 0; col < 10; col++) {
                    if (grid[row][col] === 1) {
                        currentFootballRow = row;
                        currentFootballCol = col;
                        break;
                    }
                }
                
                if (currentFootballCol !== -1) {
                    break;
                }
            }
            
            if (event.key === "ArrowRight" && currentFootballCol < 9) {
                grid[currentFootballRow][currentFootballCol+1] = 1;
                grid[currentFootballRow][currentFootballCol] = 0;
            } else if (event.key === "ArrowLeft" && currentFootballCol > 0) {
                grid[currentFootballRow][currentFootballCol-1] = 1;
                grid[currentFootballRow][currentFootballCol] = 0;
            }
            
            drawGrid();
        }
        
        // สร้างฟังก์ชันสำหรับการลบแถวเต็ม
        function clearFullRows() {
            for (var row = 9; row >= 0; row--) {
                var isFullRow = true;
                for (var col = 0; col < 10; col++) {
                    if (grid[row][col] !== 2) {
                        isFullRow = false;
                        break;
                    }
                }
                
                if (isFullRow) {
                    for (var shiftRow = row; shiftRow > 0; shiftRow--) {
                        for (var col = 0; col < 10; col++) {
                            grid[shiftRow][col] = grid[shiftRow-1][col];
                        }
                    }
                    
                    score += 10;
                    level = Math.floor(score / 50) + 1;
                    speed = 1000 - (level * 100);
                }
            }
        }
        
        // สร้างฟังก์ชันสำหรับการอัปเดตคะแนน
        function updateScore() {
            var displayScore = document.getElementById("score");
            displayScore.innerText = "คะแนน: " + score;
        }
        
        // สร้างฟังก์ชันสำหรับการอัปเดตระดับ
        function updateLevel() {
            var displayLevel = document.getElementById("level");
            displayLevel.innerText = "ระดับ: " + level;
        }
        
        // เรียกใช้ฟังก์ชันเริ่มเกม
        startGame();
    </script>
    
    <style>
        .cell {
            width: 30px;
            height: 30px;
            border: 1px solid gray;
            display: inline-block;
            margin-right: -1px;
            margin-bottom: -1px;
        }
        
        .active {
            background-color: yellow;
        }
        
        #score, #level {
            font-size: 20px;
            margin-bottom: 10px;
        }
    </style>