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

No:15033

←

Prev Next

→

Candy Crush
Developer User6472｜Date and time 23/9/5 20:30:55
Build time 91.175 sec｜Game capacity 10.501KB｜

Script

Candy Crush

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Candy Crush</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

h1 {
            color: #FF69B4;
        }

#game-container {
            margin-top: 50px;
        }

.candy {
            display: inline-block;
            width: 50px;
            height: 50px;
            margin: 5px;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

.candy img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.candy:hover {
            transform: scale(1.1);
        }

.score {
            margin-top: 20px;
            font-size: 24px;
            color: #555;
        }

.message {
            margin-top: 20px;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <h1>Candy Crush</h1>
    <div id="game-container">
        
    </div>
    <div class="score">Score: <span id="score">0</span></div>
    <div class="message" id="message"></div>

// Arrays to hold the candy grid and selected candy
        let grid = [];
        let selectedCandy = null;

// Variables to store game state
        let score = 0;
        let isGameOver = false;

// Initialize the game grid
        function initializeGrid() {
            for (let row = 0; row < ROWS; row++) {
                grid[row] = [];
                for (let col = 0; col < COLS; col++) {
                    grid[row][col] = getRandomCandyType();
                }
            }
        }

// Get a random candy type
        function getRandomCandyType() {
            return Math.floor(Math.random() * CANDY_TYPES);
        }

// Render the candy grid on the screen
        function renderGrid() {
            const gameContainer = document.getElementById("game-container");
            gameContainer.innerHTML = "";
            for (let row = 0; row < ROWS; row++) {
                for (let col = 0; col < COLS; col++) {
                    const candy = document.createElement("div");
                    candy.className = "candy";
                    candy.dataset.row = row;
                    candy.dataset.col = col;
                    candy.addEventListener("click", candyClickHandler);
                    
                    const candyImg = document.createElement("img");
                    candyImg.src = "candy_" + grid[row][col] + ".png";
                    candy.appendChild(candyImg);

gameContainer.appendChild(candy);
                }
            }
        }

// Event handler for candy click
        function candyClickHandler() {
            if (isGameOver) {
                return;
            }

const clickedCandy = this;
            const row = parseInt(clickedCandy.dataset.row);
            const col = parseInt(clickedCandy.dataset.col);

if (selectedCandy) {
                // Deselect previously selected candy
                if (clickedCandy === selectedCandy) {
                    clickedCandy.style.transform = "scale(1)";
                    selectedCandy = null;
                } else {
                    const selectedRow = parseInt(selectedCandy.dataset.row);
                    const selectedCol = parseInt(selectedCandy.dataset.col);

// Check if the clicked candy is adjacent to the selected candy
                    if (isAdjacent(row, col, selectedRow, selectedCol)) {
                        swapCandies(row, col, selectedRow, selectedCol);
                        if (!checkForMatches()) {
                            // No matches found, swap back the candies
                            swapCandies(row, col, selectedRow, selectedCol);
                        } else {
                            // Matches found, update the grid
                            setTimeout(updateGrid, 500);
                        }
                        selectedCandy.style.transform = "scale(1)";
                        selectedCandy = null;
                    } else {
                        selectedCandy.style.transform = "scale(1)";
                        selectedCandy = clickedCandy;
                        clickedCandy.style.transform = "scale(1.1)";
                    }
                }
            } else {
                selectedCandy = clickedCandy;
                clickedCandy.style.transform = "scale(1.1)";
            }
        }

// Check if two candies are adjacent
        function isAdjacent(row1, col1, row2, col2) {
            return (Math.abs(row1 - row2) === 1 && col1 === col2) || (Math.abs(col1 - col2) === 1 && row1 === row2);
        }

// Swap two candies
        function swapCandies(row1, col1, row2, col2) {
            const temp = grid[row1][col1];
            grid[row1][col1] = grid[row2][col2];
            grid[row2][col2] = temp;

renderGrid();
        }

// Check for matches and remove them from the grid
        function checkForMatches() {
            let matches = [];

// Check horizontally
            for (let row = 0; row < ROWS; row++) {
                let matchStreak = 1;
                for (let col = 0; col < COLS - 1; col++) {
                    if (grid[row][col] === grid[row][col + 1] && grid[row][col] !== -1) {
                        matchStreak++;
                    } else {
                        if (matchStreak >= 3) {
                            for (let i = col; i > col - matchStreak; i--) {
                                matches.push({ row: row, col: i });
                            }
                        }
                        matchStreak = 1;
                    }
                }
                if (matchStreak >= 3) {
                    for (let i = COLS - 1; i > COLS - 1 - matchStreak; i--) {
                        matches.push({ row: row, col: i });
                    }
                }
            }

// Check vertically
            for (let col = 0; col < COLS; col++) {
                let matchStreak = 1;
                for (let row = 0; row < ROWS - 1; row++) {
                    if (grid[row][col] === grid[row + 1][col] && grid[row][col] !== -1) {
                        matchStreak++;
                    } else {
                        if (matchStreak >= 3) {
                            for (let i = row; i > row - matchStreak; i--) {
                                matches.push({ row: i, col: col });
                            }
                        }
                        matchStreak = 1;
                    }
                }
                if (matchStreak >= 3) {
                    for (let i = ROWS - 1; i > ROWS - 1 - matchStreak; i--) {
                        matches.push({ row: i, col: col });
                    }
                }
            }

// Remove the matched candies from the grid
            for (const match of matches) {
                grid[match.row][match.col] = -1;
            }

return matches.length > 0;
        }

// Update the grid after matches have been removed
        function updateGrid() {
            // Shift candies down vertically
            for (let col = 0; col < COLS; col++) {
                let emptySpaces = 0;
                for (let row = ROWS - 1; row >= 0; row--) {
                    if (grid[row][col] === -1) {
                        emptySpaces++;
                        grid[row][col] = getRandomCandyType();
                    } else if (emptySpaces > 0) {
                        const newRow = row + emptySpaces;
                        grid[newRow][col] = grid[row][col];
                        grid[row][col] = -1;
                    }
                }
            }

// Shift candies left horizontally
            for (let col = 0; col < COLS - 1; col++) {
                if (isEmptyColumn(col)) {
                    for (let c = col + 1; c < COLS; c++) {
                        for (let r = 0; r < ROWS; r++) {
                            grid[r][c - 1] = grid[r][c];
                            grid[r][c] = -1;
                        }
                    }
                }
            }

// Check if there are any more matches
            if (checkForMatches()) {
                updateGrid();
            } else {
                if (!isGameOver) {
                    isGameOver = checkGameOver();
                    if (isGameOver) {
                        showGameOverMessage();
                    }
                }
            }

renderGrid();
        }

// Check if there are any more possible moves
        function checkGameOver() {
            for (let row = 0; row < ROWS; row++) {
                for (let col = 0; col < COLS; col++) {
                    if (row < ROWS - 1 && grid[row][col] !== -1 && grid[row][col] === grid[row + 1][col]) {
                        return false;
                    }
                    if (col < COLS - 1 && grid[row][col] !== -1 && grid[row][col] === grid[row][col + 1]) {
                        return false;
                    }
                }
            }
            return true;
        }

// Show game over message
        function showGameOverMessage() {
            const message = document.getElementById("message");
            message.style.color = "red";
            message.innerText = "Game Over! Your Final Score: " + score;
        }

// Calculate and update the score
        function updateScore(matches) {
            score += matches.length * POINTS_PER_CANDY;
            document.getElementById("score").innerText = score;
        }

// Check if a column is empty
        function isEmptyColumn(col) {
            for (let row = 0; row < ROWS; row++) {
                if (grid[row][col] !== -1) {
                    return false;
                }
            }
            return true;
        }

// Start the game
        function startGame() {
            initializeGrid();
            renderGrid();
        }

// Call the startGame function to begin the Candy Crush game
        startGame();
    </script>
</body>
</html>