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

No:36400

Mickey Mouse's matching game you'll have 10 chees..ALL
Developer User16798｜Date and time 24/1/17 16:36:05
Build time 17.566 sec｜Game capacity 3.749KB｜

Script

Sure! Here's an implementation of Mickey Mouse's matching game using JavaScript and HTML:

Mickey Mouse's Matching Game

Lives: 10

To play the game, copy the above code and save it as a `.html` file. Open the file in a web browser, and you should see the Mickey Mouse Matching Game interface. Click on the cards to flip them and find matching pairs. If you lose all 10 cheeses (lives), a game over message will appear, and you can reload the page to play again. Note: Make sure to have the `emozi_all/mouse.png`, `emozi_hamuster.png`, `emozi_dog.png`, `emozi_himawari.png`, `emozi_cat.png`, `emozi_rabbit.png`, `emozi_apple.png`, `emozi_bear.png`, `emozi_chicken.png`, `emozi_rabbit.png`, and `emozi_hamuster.png` images in the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an implementation of Mickey Mouse's matching game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mickey Mouse's Matching Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    img {
      width: 80px;
      height: 80px;
      margin: 5px;
    }
    #lives {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Mickey Mouse's Matching Game</h1>
  <div id="game-container"></div>
  <div id="lives">Lives: <span id="cheeses">10</span></div>
  
  <script>
    // Mouse images
    const mouseImages = [
      "🐭", "🐭", "🧀", "🧀", "🔔", "🔔", "🎈", "🎈", "⭐️", "⭐️",
      "🎉", "🎉", "🌺", "🌺", "🍦", "🍦", "🌟", "🌟", "🌈", "🌈"
    ];

// Shuffle function
    function shuffle(array) {
      let currentIndex = array.length, temporaryValue, randomIndex;
    
      while (0 !== currentIndex) {
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;
      
        temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
      }
    
      return array;
    }

// Create card elements
    function createCards() {
      const gameContainer = document.querySelector('#game-container');
      const shuffledImages = shuffle(mouseImages);
    
      for (let i = 0; i < shuffledImages.length; i++) {
        const card = document.createElement('div');
        card.classList.add('card');
        card.dataset.index = i;
        card.innerHTML = `<img src="mouse.png" alt="Mouse">`;
        gameContainer.appendChild(card);
      }
    }

let firstCard = null;
    let secondCard = null;
    let lives = 10;

// Check if two cards match
    function checkMatch() {
      if (firstCard.dataset.index === secondCard.dataset.index) {
        firstCard.removeEventListener('click', flipCard);
        secondCard.removeEventListener('click', flipCard);
      } else {
        lives -= 1;
        document.getElementById('cheeses').textContent = lives;
        
        if (lives === 0) {
          endGame();
        } else {
          setTimeout(() => {
            firstCard.innerHTML = `<img src="mouse.png" alt="Mouse">`;
            secondCard.innerHTML = `<img src="mouse.png" alt="Mouse">`;
          }, 1000);
        }
      }
    
      firstCard = null;
      secondCard = null;
    }

// Flip card when clicked
    function flipCard() {
      if (this === firstCard) return;
    
      this.innerHTML = `<img src="${mouseImages[this.dataset.index]}.png" alt="${mouseImages[this.dataset.index]}">`;
    
      if (!firstCard) {
        firstCard = this;
      } else if (!secondCard) {
        secondCard = this;
        checkMatch();
      }
    }

// End game when all cards are matched
    function endGame() {
      alert('Game Over! You lost all your cheeses :(');
      location.reload();
    }

createCards();

// Attach event listeners to cards
    const cards = document.querySelectorAll('.card');
    cards.forEach(card => card.addEventListener('click', flipCard));
  </script>
</body>
</html>
```

Note: Make sure to have the `mouse.png`, `🐭.png`, `🧀.png`, `🔔.png`, `🎈.png`, `⭐️.png`, `🎉.png`, `🌺.png`, `🍦.png`, `🌟.png`, and `🌈.png` images in the same directory as the HTML file.