I’d like to create telegram bot's game

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

No:17380

118

←

Prev Next

→

I’d like to create telegram bot
Developer User7655｜Date and time 23/9/23 6:50:40
Build time 25.767 sec｜Game capacity 3.246KB｜

Script

Sure! Here's a simple game implemented as a single HTML file with JavaScript. It is designed to be played on a smartphone and uses pictograms to represent the game elements. The game is called "Fruit Matcher".

To play the game, simply copy the above code into a new HTML file, save it with a `.html` extension, and open the file in a web browser (preferably on a smartphone). You will see a grid of cards with fruit pictograms on them. Tap on two cards to flip them and try to match the pairs. When you successfully match a pair, the cards will turn green; otherwise, they will flip back over. The objective is to match all the pairs to win the game! Please note that this is a basic game implementation and can be enhanced further based on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-size: 2em;
      text-align: center;
    }
    
    .card {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100px;
      height: 100px;
      border: 2px solid black;
      margin: 10px;
      font-size: 1em;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>
  
  <script>
    // Define the pictograms for fruits
    const fruits = [
      "🍏", "🍎", "🍐", "🍊", "🍋", "🍌", "🍉", "🍇",
      "🍓", "🍒", "🍑", "🥭", "🍍", "🥝", "🍅", "🌽"
    ];
    
    // Create a deck of cards with the fruits
    const deck = [...fruits, ...fruits];
    
    // Shuffle the deck using Fisher-Yates algorithm
    for (let i = deck.length - 1; i > 0; i--) {
      const j = Math.floor(Math.random() * (i + 1));
      [deck[i], deck[j]] = [deck[j], deck[i]];
    }
    
    // Render the cards on the game board
    const gameBoard = document.getElementById("game-board");
    deck.forEach((fruit, index) => {
      const card = document.createElement("div");
      card.className = "card";
      card.dataset.index = index;
      card.textContent = "";
      gameBoard.appendChild(card);
      
      // Handle card click events
      card.addEventListener("click", flipCard);
    });
    
    let flippedCards = [];
    
    // Handle card flip events
    function flipCard(event) {
      const card = event.target;
      const index = card.dataset.index;
      
      // Check if the card is already flipped or matched
      if (card.textContent !== "" || flippedCards.includes(index)) {
        return;
      }
      
      card.textContent = deck[index];
      
      // Check if two cards are flipped
      flippedCards.push(index);
      if (flippedCards.length === 2) {
        setTimeout(checkMatch, 1000);
      }
    }
    
    // Check if the flipped cards match
    function checkMatch() {
      const card1 = document.querySelector(`.card[data-index='${flippedCards[0]}']`);
      const card2 = document.querySelector(`.card[data-index='${flippedCards[1]}']`);

if (card1.textContent === card2.textContent) {
        card1.style.backgroundColor = "lime";
        card2.style.backgroundColor = "lime";
        flippedCards = [];
      } else {
        card1.textContent = "";
        card2.textContent = "";
        flippedCards = [];
      }
    }
  </script>
</body>
</html>
```

Please note that this is a basic game implementation and can be enhanced further based on your specific requirements.