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

No:37470

Fruit crush, switching game, candy crush
Developer User17064｜Date and time 24/1/21 4:13:15
Build time 8.276 sec｜Game capacity 2.543KB｜

Script

Sure! Here's an example of a simple fruit crush switching game, similar to Candy Crush, implemented in a single HTML file using JavaScript. The game can be played on a smartphone and utilizes pictograms for fruits.

Fruit Crush Game

Please note that this is a simplified version of a switching game and lacks the full functionality and complexity of games like Candy Crush. It's meant to demonstrate the basic logic of fruit swapping and random generation. You can customize and expand upon this code to create a more elaborate game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Fruit Crush Game</title>
  <style>
    .fruit {
      width: 60px;
      height: 60px;
      display: inline-block;
      margin: 5px;
      border-radius: 50%;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Fruit Crush Game</h1>
  <div id="gameBoard"></div>
  
  <script>
    // Define available fruits
    const fruits = ["🍎", "🍌", "🍇", "🍊", "🍓", "🍉"];
    
    // Generate a random fruit
    function getRandomFruit() {
      const randomIndex = Math.floor(Math.random() * fruits.length);
      return fruits[randomIndex];
    }
    
    // Generate the game board
    function generateGameBoard(size) {
      const gameBoard = document.getElementById("gameBoard");
      gameBoard.innerHTML = "";
      
      for (let i = 0; i < size; i++) {
        const fruit = getRandomFruit();
        const fruitElement = document.createElement("div");
        fruitElement.classList.add("fruit");
        
        fruitElement.textContent = fruit;
        fruitElement.addEventListener("click", () => selectFruit(fruitElement));
        gameBoard.appendChild(fruitElement);
      }
    }
    
    // Select and swap fruits
    let selectedFruit = null;
    
    function selectFruit(fruitElement) {
      if (selectedFruit === null) {
        selectedFruit = fruitElement;
        fruitElement.style.backgroundColor = "lightblue";
      } else if (selectedFruit === fruitElement) {
        selectedFruit.style.backgroundColor = "initial";
        selectedFruit = null;
      } else {
        swapFruits(selectedFruit, fruitElement);
        selectedFruit = null;
      }
    }
    
    function swapFruits(fruit1, fruit2) {
      const temp = fruit1.textContent;
      fruit1.textContent = fruit2.textContent;
      fruit2.textContent = temp;
      fruit1.style.backgroundColor = "initial";
    }
    
    // Start the game
    generateGameBoard(16); // Specify the initial game board size
    
  </script>
</body>
</html>
```