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

No:34977

117

←

Prev Next

→

there is a video maker program in which you can ma..ALL
Developer User16254｜Date and time 24/1/12 21:52:32
Build time 17.545 sec｜Game capacity 4.093KB｜

Script

Sure, I can help you create a simple game using JavaScript and pictograms. Below is an example of a game called "Emoji Match" implemented as a single HTML file.

Emoji Match

Tap on the cards to find matching pairs!

This code creates a memory matching game using emoji pictograms. The game randomly shuffles a set of emoji cards and the player needs to find matching pairs by tapping on the cards. Once all pairs are matched, a congratulatory message is displayed. To play the game, simply save the code in a file with a `.html` extension and open it in a web browser on your smartphone.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can help you create a simple game using JavaScript and pictograms. Below is an example of a game called "Emoji Match" implemented as a single HTML file.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Match</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 20px;
    }
    .card {
      width: 70px;
      height: 70px;
      border: 1px solid black;
      margin: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #message {
      font-size: 20px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Emoji Match</h1>
  <p>Tap on the cards to find matching pairs!</p>
  <div id="game-container"></div>
  <div id="message"></div>

let flippedCards = [];
    let pairsMatched = 0;
    let movesCount = 0;

// Shuffle the cards array using Fisher-Yates algorithm
    function shuffleCards(array) {
      let currentIndex = array.length, temp, randomIndex;

while (currentIndex !== 0) {
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;
        temp = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temp;
      }

return array;
    }

// Create the game board with card elements
    function createGameBoard() {
      const gameContainer = document.getElementById('game-container');
      const shuffledCards = shuffleCards(cards.concat(cards));

shuffledCards.forEach((card, index) => {
        const cardElement = document.createElement('div');
        cardElement.classList.add('card');
        cardElement.setAttribute('data-index', index);
        cardElement.addEventListener('click', handleCardClick);
        gameContainer.appendChild(cardElement);
      });
    }

// Handle card click event
    function handleCardClick() {
      const cardIndex = this.getAttribute('data-index');
      const cardElement = this;

// Ignore clicks on already matched or flipped cards
      if (
        cardElement.classList.contains('matched') ||
        cardElement.classList.contains('flipped')
      ) {
        return;
      }

// Flip the card and add it to the flipped cards array
      cardElement.textContent = cards[cardIndex];
      flippedCards.push({ index: cardIndex, element: cardElement });

// Check if two cards have been flipped
      if (flippedCards.length === 2) {
        movesCount++;

// Check if the flipped cards match
        if (flippedCards[0].index === flippedCards[1].index) {
          flippedCards.forEach(card => {
            card.element.classList.add('matched');
          });
          pairsMatched++;

// Check if all pairs are matched
          if (pairsMatched === cards.length) {
            displayMessage(`Congratulations! You won in ${movesCount} moves.`);
          }
        } else {
          // Delay flipping the unmatched cards back
          setTimeout(() => {
            flippedCards.forEach(card => {
              card.element.textContent = '';
            });
          }, 1000);
        }

flippedCards = [];
      }
    }

// Display a message on the page
    function displayMessage(message) {
      document.getElementById('message').textContent = message;
    }

// Start the game
    createGameBoard();
  </script>
</body>
</html>
```

To play the game, simply save the code in a file with a `.html` extension and open it in a web browser on your smartphone.