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

No:22333

101

←

Prev Next

→

A game like melon playground
Developer User10326｜Date and time 23/10/22 8:12:43
Build time 58.251 sec｜Game capacity 3.955KB｜

Script

Sure! I can help you create a simple game using pictograms in a single HTML file. Here's an example of a game that you can play on a smartphone:

Emoji Match Game

To play the game, you can copy and paste the above code into a new HTML file and open it in a web browser on your smartphone. The game will display a grid of cards with different emojis on them. Your objective is to find all the matching pairs of emojis by clicking on the cards. Once all the pairs are matched, a congratulatory message will be displayed, and you can reset the game to play again. Note: The game uses JavaScript to handle the game logic and interactivity. The emojis used in the game can be replaced with any other pictograms or images as per your preference.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! I can help you create a simple game using pictograms in a single HTML file. Here's an example of a game that you can play on a smartphone:

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

.game-board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 500px;
      margin: 0 auto;
    }

.card {
      width: 80px;
      height: 80px;
      border-radius: 8px;
      margin: 5px;
      background-color: lightgray;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      cursor: pointer;
    }
  </style>
</head>
<body>

<h1>Emoji Match Game</h1>

// Function to shuffle the array using Fisher-Yates algorithm
    function shuffleArray(array) {
      let currentIndex = array.length, temporaryValue, randomIndex;

while (currentIndex !== 0) {
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;

temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
      }

return array;
    }

// Function to create the game board
    function createBoard() {
      const gameBoard = document.querySelector('.game-board');
      const shuffledEmojis = shuffleArray([...emojis, ...emojis]);

shuffledEmojis.forEach((emoji, index) => {
        const card = document.createElement('div');
        card.classList.add('card');
        card.textContent = emoji;
        card.addEventListener('click', () => revealCard(index));
        gameBoard.appendChild(card);
        cards.push(card);
      });
    }

// Function to handle card reveal
    function revealCard(index) {
      const card = cards[index];

if (!card || openedCards.includes(card)) {
        return; // Guard clause to prevent invalid clicks
      }
      
      card.classList.add('show');
      openedCards.push(card);

if (openedCards.length === 2) {
        setTimeout(checkMatch, 500);
      }
    }

// Function to check if the opened cards match
    function checkMatch() {
      const [card1, card2] = openedCards;
      const match = card1.textContent === card2.textContent;

if (match) {
        card1.removeEventListener('click', () => revealCard());
        card2.removeEventListener('click', () => revealCard());
        matchedCount++;

if (matchedCount === emojis.length) {
          setTimeout(() => {
            alert("Congratulations! You've matched all the emojis!");
            resetGame();
          }, 300);
        }
      } else {
        card1.classList.remove('show');
        card2.classList.remove('show');
      }

openedCards = [];
    }

// Function to reset the game
    function resetGame() {
      const gameBoard = document.querySelector('.game-board');
      gameBoard.innerHTML = "";
      cards = [];
      openedCards = [];
      matchedCount = 0;
      createBoard();
    }

// Create the initial game board
    createBoard();
  </script>
</body>
</html>
```

Note: The game uses JavaScript to handle the game logic and interactivity. The emojis used in the game can be replaced with any other pictograms or images as per your preference.