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

No:17579

117

←

Prev Next

→

A girl in her 20s with brown skin and a pink bra w..ALL
Developer User7720｜Date and time 23/9/24 0:35:19
Build time 41.196 sec｜Game capacity 3.783KB｜

Script

Sure, I can help you create a simple game using JavaScript and HTML. Here's an example of a game called "Pictogram Match" which you can play on your smartphone. Please note that the game logic provided is a simplified version and you can modify it as per your requirements.

Pictogram Match Game

To play the game: 1. Create an HTML file (e.g., `game.html`) using the provided code. 2. Open the HTML file on your smartphone using a web browser (e.g., Chrome, Safari). 3. You will see a grid of pictogram icons. 4. Tap on any pictogram to reveal it. 5. Try to find the matching pair by tapping on another pictogram. 6. If the pictograms match, they will stay visible and you can continue searching for the next pair. 7. If the pictograms don't match, they will be hidden again after 1 second. 8. Keep playing until you match all the pictogram pairs. Feel free to modify the code to enhance the game, add more levels, or change the pictogram images.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pictogram Match</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
        margin: 0;
        padding: 2rem;
      }

#game-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        max-width: 600px;
        margin: 0 auto;
      }

.pictogram {
        width: 100px;
        height: 100px;
        margin: 0.5rem;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Pictogram Match Game</h1>
    <div id="game-container"></div>

// Randomize the pictogram order
      const randomizedPictograms = shuffleArray(pictogramImages.concat(pictogramImages));

// Create pictogram elements
      const gameContainer = document.getElementById('game-container');
      randomizedPictograms.forEach(pictogram => {
        const pictogramElement = document.createElement('div');
        pictogramElement.classList.add('pictogram');
        pictogramElement.innerHTML = pictogram;
        pictogramElement.addEventListener('click', () => revealPictogram(pictogramElement));
        gameContainer.appendChild(pictogramElement);
      });

let revealedPictograms = [];

function revealPictogram(pictogramElement) {
        pictogramElement.classList.add('revealed');
        if (revealedPictograms.length < 2) {
          revealedPictograms.push(pictogramElement);
        }

if (revealedPictograms.length === 2) {
          setTimeout(() => {
            if (revealedPictograms[0].innerHTML === revealedPictograms[1].innerHTML) {
              revealedPictograms.forEach(el => {
                el.removeEventListener('click', () => revealPictogram(el));
                el.style.opacity = '0.5';
              });
              revealedPictograms = [];
            } else {
              revealedPictograms.forEach(el => {
                el.classList.remove('revealed');
              });
              revealedPictograms = [];
            }
          }, 1000); // Show the pictogram pair for 1 second
        }
      }

function shuffleArray(array) {
        const shuffledArray = array.slice();
        for (let i = shuffledArray.length - 1; i > 0; i--) {
          const j = Math.floor(Math.random() * (i + 1));
          [shuffledArray[i], shuffledArray[j]] = [shuffledArray[j], shuffledArray[i]];
        }
        return shuffledArray;
      }
    </script>
  </body>
</html>
```

To play the game:
1. Create an HTML file (e.g., `game.html`) using the provided code.
2. Open the HTML file on your smartphone using a web browser (e.g., Chrome, Safari).
3. You will see a grid of pictogram icons.
4. Tap on any pictogram to reveal it.
5. Try to find the matching pair by tapping on another pictogram.
6. If the pictograms match, they will stay visible and you can continue searching for the next pair.
7. If the pictograms don't match, they will be hidden again after 1 second.
8. Keep playing until you match all the pictogram pairs.

Feel free to modify the code to enhance the game, add more levels, or change the pictogram images.