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

No:33253

←

Prev Next

→

Uwu ABCs= to uwu
Developer User15471｜Date and time 24/1/3 3:45:13
Build time 33.014 sec｜Game capacity 4.162KB｜

Script

Sure! Here's an example of a game implemented as a single HTML file using JavaScript. The game is a simple "Uwu ABCs" game where the player needs to match pictograms with their corresponding letters. Just copy the code below into an HTML file, open it in a web browser (preferably on a smartphone), and you can play the game!

Uwu ABCs Game

Match the pictograms with their corresponding letters!

When you open the HTML file in a web browser, you'll see a grid of cards with pictograms on them. Clicking on a card will reveal the pictogram, and you can try to match each pictogram with its corresponding letter by clicking on another card. If you find a matching pair, they will remain flipped, otherwise, they will flip back after a second. The game ends when you match all the pairs, and you'll see a congratulatory message. Enjoy playing!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a game implemented as a single HTML file using JavaScript. The game is a simple "Uwu ABCs" game where the player needs to match pictograms with their corresponding letters.

Just copy the code below into an HTML file, open it in a web browser (preferably on a smartphone), and you can play the game!

```html
<!DOCTYPE html>
<html>
<head>
  <title>Uwu ABCs Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #gameboard {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 10px;
      margin-top: 20px;
    }
    .card {
      padding: 20px;
      border: 2px solid black;
      border-radius: 10px;
      cursor: pointer;
      font-size: 24px;
    }
    .matched {
      background-color: #6eff6e;
    }
  </style>
</head>
<body>
  <h1>Uwu ABCs Game</h1>
  <p>Match the pictograms with their corresponding letters!</p>
  
  <div id="gameboard">
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
  </div>
  
  <script>
    // Pictograms and corresponding letters
    const pictograms = [
      { letter: "A", pictogram: "🍎" },
      { letter: "B", pictogram: "🐻" },
      { letter: "C", pictogram: "🐱" },
      { letter: "D", pictogram: "🐶" },
      { letter: "E", pictogram: "🥚" },
      { letter: "F", pictogram: "🐸" },
      { letter: "A", pictogram: "🍎" },
      { letter: "B", pictogram: "🐻" },
      { letter: "C", pictogram: "🐱" },
      { letter: "D", pictogram: "🐶" },
      { letter: "E", pictogram: "🥚" },
      { letter: "F", pictogram: "🐸" }
    ];
    
    let firstCard = null;
    let secondCard = null;
    let matchedPairs = 0;
    
    // Shuffle the pictograms in random order
    pictograms.sort(() => Math.random() - 0.5);
    
    const gameboard = document.getElementById("gameboard");
    const cards = Array.from(document.getElementsByClassName("card"));
    
    // Assign pictograms to cards
    cards.forEach((card, index) => {
      card.addEventListener("click", flipCard);
      card.textContent = pictograms[index].pictogram;
    });
    
    function flipCard() {
      if (!this.classList.contains("matched")) {
        this.classList.toggle("flipped");
        
        if (!firstCard) {
          firstCard = this;
        } else {
          secondCard = this;
          checkMatch();
        }
      }
    }
    
    function checkMatch() {
      const firstLetter = pictograms[cards.indexOf(firstCard)].letter;
      const secondLetter = pictograms[cards.indexOf(secondCard)].letter;
      
      if (firstLetter === secondLetter) {
        lockCards();
      } else {
        setTimeout(flipCardsBack, 1000);
      }
    }
    
    function lockCards() {
      firstCard.removeEventListener("click", flipCard);
      secondCard.removeEventListener("click", flipCard);
      firstCard.classList.add("matched");
      secondCard.classList.add("matched");
      firstCard = null;
      secondCard = null;
      matchedPairs++;
      checkWin();
    }
    
    function flipCardsBack() {
      firstCard.classList.remove("flipped");
      secondCard.classList.remove("flipped");
      firstCard = null;
      secondCard = null;
    }
    
    function checkWin() {
      if (matchedPairs === pictograms.length / 2) {
        alert("Congratulations! You matched all the pictograms!");
      }
    }
  </script>
</body>
</html>
```

Enjoy playing!