AI game creator

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

No:34444

←

Prev Next

→

Lab.Hacks
Developer User15526｜Date and time 24/1/10 12:02:43
Build time 12.144 sec｜Game capacity 3.169KB｜

Script

As an AI language model, I can provide you with an example of a simple game implemented as a single HTML file using JavaScript, enclosed in script tags. Please note that I can only provide the code here, and you would need to copy and save it into an actual HTML file for it to work.

Emoji Matching Game

This code creates a simple emoji matching game where players need to click on pairs of matching emojis to reveal and collect them. Once all pairs have been found, a congratulatory message will be displayed. The game is represented using the text content of div elements, which can be replaced with pictograms or styled further to suit your requirements. Please note that this is just a basic example, and there are many ways to improve and enhance the game based on your specific needs and preferences.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Matching Game</title>
  <style>
    body {
      font-size: 48px;
      text-align: center;
      margin-top: 100px;
    }
  </style>
</head>
<body>
  <h2>Emoji Matching Game</h2>
  <div id="gameboard"></div>
  
  <script>
    // Array of emoji icons
    const emojis = ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""];
    
    // Shuffle the emoji array
    for (let i = emojis.length - 1; i > 0; i--) {
      const j = Math.floor(Math.random() * (i + 1));
      [emojis[i], emojis[j]] = [emojis[j], emojis[i]];
    }
    
    // Create and display the game board
    const gameboard = document.getElementById("gameboard");
    for (let i = 0; i < emojis.length; i++) {
      const emoji = document.createElement("div");
      emoji.innerText = emojis[i];
      emoji.dataset.index = i;
      emoji.addEventListener("click", handleEmojiClick);
      gameboard.appendChild(emoji);
    }
    
    let firstEmoji = null;
    let moves = 0;
    
    // Handle clicking on an emoji
    function handleEmojiClick(event) {
      const clickedEmoji = event.target;
      
      if (firstEmoji === null) {
        firstEmoji = clickedEmoji;
        clickedEmoji.style.background = "#ddd";
      } else if (firstEmoji === clickedEmoji) {
        firstEmoji.style.background = "";
        firstEmoji = null;
      } else {
        const secondEmoji = clickedEmoji;
        secondEmoji.style.background = "#ddd";
        moves++;
        
        if (firstEmoji.innerText === secondEmoji.innerText) {
          firstEmoji.removeEventListener("click", handleEmojiClick);
          secondEmoji.removeEventListener("click", handleEmojiClick);
          firstEmoji.style.background = "green";
          secondEmoji.style.background = "green";
          firstEmoji = null;
          
          // Check if all pairs have been found
          if (document.querySelectorAll("[data-index][style='background: green;']").length === emojis.length) {
            setTimeout(() => {
              alert("Congratulations! You won in " + moves + " moves.");
            }, 500);
          }
        } else {
          setTimeout(() => {
            firstEmoji.style.background = "";
            secondEmoji.style.background = "";
            firstEmoji = null;
          }, 500);
        }
      }
    }
  </script>
</body>
</html>
```

Please note that this is just a basic example, and there are many ways to improve and enhance the game based on your specific needs and preferences.