AI game creator

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

No:34097

←

Prev Next

→

Chatgpt
Developer User15234｜Date and time 24/1/8 7:44:58
Build time 24.527 sec｜Game capacity 2.95KB｜

Script

Sure! Here's a simple example of a game implemented as a single HTML file using JavaScript. It's a memory game where you have to match pairs of pictograms by flipping two cards at a time. It's designed to be played on a smartphone.

To play the game, you can copy and paste the above code into a single HTML file, save it with a `.html` extension, and open it in a web browser on your smartphone. The game will be displayed, and you can tap on the cards to flip them and try to find matching pairs of pictograms. The game will alert you when you've successfully matched all the cards. I hope you enjoy playing the game! Let me know if you need any further assistance.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Pictogram Memory Game</title>
    <style>
      .card {
        width: 80px;
        height: 80px;
        background-color: #ccc;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        cursor: pointer;
        margin: 5px;
      }
    </style>
  </head>
  <body>
    <div id="game-container"></div>

// Shuffle the icons
      const shuffledIcons = icons.concat(icons).sort(() => 0.5 - Math.random());

// Create card elements
      const gameContainer = document.getElementById("game-container");
      shuffledIcons.forEach((icon) => {
        const card = document.createElement("div");
        card.className = "card";
        card.textContent = icon;
        gameContainer.appendChild(card);
      });

let flippedCards = [];
      let matchedCards = [];

// Add click event listener to each card
      const cards = document.getElementsByClassName("card");
      Array.from(cards).forEach((card) => {
        card.addEventListener("click", () => {
          if (
            !card.classList.contains("flipped") &&
            flippedCards.length < 2 &&
            !matchedCards.includes(card)
          ) {
            card.classList.add("flipped");
            flippedCards.push(card);

if (flippedCards.length === 2) {
              setTimeout(checkCards, 1000);
            }
          }
        });
      });

// Check if the flipped cards match
      function checkCards() {
        const [card1, card2] = flippedCards;
        if (card1.textContent === card2.textContent) {
          card1.classList.add("matched");
          card2.classList.add("matched");
          matchedCards.push(card1, card2);
        } else {
          card1.classList.remove("flipped");
          card2.classList.remove("flipped");
        }

flippedCards = [];

// Check if all cards are matched
        if (matchedCards.length === icons.length * 2) {
          alert("Congratulations! You've won the game!");
        }
      }
    </script>
  </body>
</html>
```

I hope you enjoy playing the game! Let me know if you need any further assistance.