Make a fun game that makes the player want to play more and more's game

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

No:9560

152

←

Prev Next

→

Make a fun game that makes the player want to play..ALL
Developer User4381｜Date and time 23/7/26 2:01:18
Build time 38.31 sec｜Game capacity 3.874KB｜

Script

Sure, I can create a simple game for you using pictograms that can be played on a smartphone. Here's an example of a game called "Emoji Match":

In this game, you need to match pictograms by clicking on the cards. The goal is to find all four pairs. The game keeps track of your progress and notifies you when you win. Simply replace the image URLs (`emozi_all/game.png`, `emozi_rabbit.png`, etc.) with your desired pictograms to fit the game theme. You can save this code in a `.html` file, include your pictogram images in the same folder, and open the file on your smartphone's web browser to play the game. Have fun playing "Emoji Match"!

←

Prev　Next

→ 　

Back　

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

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

Sure, I can create a simple game for you using pictograms that can be played on a smartphone. Here's an example of a game called "Emoji Match":

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Match</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 4rem;
    }
    .game {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem;
    }
    .card {
      background-color: #f2f2f2;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }
    .card img {
      width: 100%;
      height: auto;
    }
  </style>
</head>
<body>
  <div class="game" id="game">
    <div class="card" onclick="revealCard(0)"><img src="pictogram1.png" alt="Pictogram 1"></div>
    <div class="card" onclick="revealCard(1)"><img src="pictogram2.png" alt="Pictogram 2"></div>
    <div class="card" onclick="revealCard(2)"><img src="pictogram3.png" alt="Pictogram 3"></div>
    <div class="card" onclick="revealCard(3)"><img src="pictogram4.png" alt="Pictogram 4"></div>
    <div class="card" onclick="revealCard(4)"><img src="pictogram1.png" alt="Pictogram 1"></div>
    <div class="card" onclick="revealCard(5)"><img src="pictogram2.png" alt="Pictogram 2"></div>
    <div class="card" onclick="revealCard(6)"><img src="pictogram3.png" alt="Pictogram 3"></div>
    <div class="card" onclick="revealCard(7)"><img src="pictogram4.png" alt="Pictogram 4"></div>
  </div>

// Shuffle the cards
    Array.from(cards).forEach(function(card) {
      let randomNumber = Math.floor(Math.random() * 8);
      card.style.order = randomNumber;
    });

// Handle card click
    function revealCard(cardIndex) {
      let currentCard = cards[cardIndex];
      currentCard.classList.add('flip');
      currentCard.onclick = null;

openedCards.push(currentCard);

if (openedCards.length === 2) {
        if (openedCards[0].innerHTML === openedCards[1].innerHTML) {
          // Match!
          openedCards[0].classList.add('match');
          openedCards[1].classList.add('match');

openedCards = [];
          matchedCards++;

// Check if all cards are matched
          if (matchedCards === 4) {
            setTimeout(function() {
              alert('Congratulations! You won the game!');
              resetGame();
            }, 500);
          }
        } else {
          // Not a match
          setTimeout(function() {
            openedCards[0].classList.remove('flip');
            openedCards[1].classList.remove('flip');

openedCards[0].onclick = function() {
              revealCard(cardIndex);
            };
            openedCards[1].onclick = function() {
              revealCard(cardIndex);
            };

openedCards = [];
          }, 800);
        }
      }
    }

// Reset game
    function resetGame() {
      Array.from(cards).forEach(function(card) {
        card.classList.remove('flip', 'match');
        card.onclick = function() {
          revealCard(Array.from(cards).indexOf(card));
        };
      });

openedCards = [];
      matchedCards = 0;
    }
  </script>
</body>
</html>
```

You can save this code in a `.html` file, include your pictogram images in the same folder, and open the file on your smartphone's web browser to play the game. Have fun playing "Emoji Match"!