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

No:39917

Make me a game that can beet people and the protag..ALL
Developer User17871｜Date and time 24/1/30 22:29:33
Build time 14.787 sec｜Game capacity 3.352KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. The game is called "Jahn's Pictogram Adventure" and it's a memory matching game with pictograms.

Jahn's Pictogram Adventure

To play the game, simply copy and paste the above code into a new HTML file (e.g., `game.html`) and open it in a web browser. The game will display a grid of hidden pictogram cards, and your goal is to match all pairs by revealing the cards two at a time. Click on a card to reveal it. If two revealed cards match, they will remain face-up. Otherwise, they will be hidden again after a brief delay. Keep playing until you match all the pairs. Enjoy playing "Jahn's Pictogram Adventure"!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript. The game is called "Jahn's Pictogram Adventure" and it's a memory matching game with pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Add some simple styling for the game */
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    h1 {
      color: #1d3557;
    }
    .card {
      width: 100px;
      height: 100px;
      background-color: #a8dadc;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin: 5px;
      border-radius: 5px;
      cursor: pointer;
    }
    .hidden {
      background-color: #457b9d;
    }
  </style>
</head>
<body>
  <h1>Jahn's Pictogram Adventure</h1>
  <div id="gameBoard"></div>

// Duplicate the array to have matching pairs
    const pairs = pictograms.concat(pictograms);

// Shuffle the pictograms randomly
    pairs.sort(() => 0.5 - Math.random());

// Create the game board
    const gameBoard = document.getElementById("gameBoard");

pairs.forEach((pictogram, index) => {
      const card = document.createElement("div");
      card.classList.add("card");
      card.dataset.pictogram = pictogram;
      card.addEventListener("click", revealCard);
      gameBoard.appendChild(card);
    });

let hasFlippedCard = false;
    let firstCard, secondCard;
    let lockBoard = false;

// Function to reveal the clicked card
    function revealCard() {
      if (lockBoard) return;
      if (this === firstCard) return;

this.classList.toggle("hidden");

if (!hasFlippedCard) {
        hasFlippedCard = true;
        firstCard = this;
      } else {
        hasFlippedCard = false;
        secondCard = this;

checkForMatch();
      }
    }

// Function to check if the two flipped cards match
    function checkForMatch() {
      if (firstCard.dataset.pictogram === secondCard.dataset.pictogram) {
        disableCards();
      } else {
        unflipCards();
      }
    }

// Function to disable the matched cards
    function disableCards() {
      firstCard.removeEventListener("click", revealCard);
      secondCard.removeEventListener("click", revealCard);

resetBoard();
    }

// Function to unflip the unmatched cards
    function unflipCards() {
      lockBoard = true;

setTimeout(() => {
        firstCard.classList.remove("hidden");
        secondCard.classList.remove("hidden");

resetBoard();
      }, 1000);
    }

// Function to reset the board after each flip
    function resetBoard() {
      [hasFlippedCard, lockBoard] = [false, false];
      [firstCard, secondCard] = [null, null];
    }
  </script>
</body>
</html>
```

Enjoy playing "Jahn's Pictogram Adventure"!