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

No:26806

←

Prev Next

→

Fun fact
Developer Rowdagriff｜Date and time 23/12/2 13:31:48
Build time 90.369 sec｜Game capacity 4.031KB｜

Script

Sure, here's a simple game implemented as a single HTML file. The game is called "Emoji Matcher" and you need to match pairs of emojis within a limited time frame. The game is optimized for smartphone operation and uses pictograms to represent emojis.

Emoji Matcher

Match pairs of emojis within the time limit!

To use this code, you need to have 4 emoji pictograms (emoji1.png, emoji2.png, emoji3.png, and emoji4.png) in the same directory as the HTML file. You can replace these with your own emoji images if you prefer. The game starts automatically upon loading the page. You click on the emoji pictograms to select them. The goal is to match all 4 pairs of emojis within 60 seconds. The timer is displayed at the top, and when the time runs out or all pairs are matched, the game ends and a message is displayed indicating if you won or lost. Enjoy playing Emoji Matcher!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Matcher</title>
  <style>
    body {
      font-size: 30px;
      text-align: center;
      margin-top: 100px;
    }
    
    #board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 50px;
    }
    
    .emoji {
      height: 70px;
      width: 70px;
      margin: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Emoji Matcher</h1>
  <p>Match pairs of emojis within the time limit!</p>
  <div id="board">
    
    <img class="emoji" src="emoji1.png" alt="emoji1" onclick="selectEmoji(1)">
    <img class="emoji" src="emoji2.png" alt="emoji2" onclick="selectEmoji(2)">
    <img class="emoji" src="emoji3.png" alt="emoji3" onclick="selectEmoji(3)">
    <img class="emoji" src="emoji4.png" alt="emoji4" onclick="selectEmoji(4)">
    <img class="emoji" src="emoji1.png" alt="emoji1" onclick="selectEmoji(1)">
    <img class="emoji" src="emoji2.png" alt="emoji2" onclick="selectEmoji(2)">
    <img class="emoji" src="emoji3.png" alt="emoji3" onclick="selectEmoji(3)">
    <img class="emoji" src="emoji4.png" alt="emoji4" onclick="selectEmoji(4)">
  </div>

selectedEmojis.push(emojiNumber);
      var emojiElements = document.getElementsByClassName('emoji');
      emojiElements[emojiNumber - 1].style.opacity = '0.5';

if (selectedEmojis.length === 2) {
        checkMatch();
      }
    }

function resetSelection() {
      selectedEmojis = [];
      var emojiElements = document.getElementsByClassName('emoji');
      for (var i = 0; i < emojiElements.length; i++) {
        emojiElements[i].style.opacity = '1';
      }
    }

The game starts automatically upon loading the page. You click on the emoji pictograms to select them. The goal is to match all 4 pairs of emojis within 60 seconds. The timer is displayed at the top, and when the time runs out or all pairs are matched, the game ends and a message is displayed indicating if you won or lost.

Enjoy playing Emoji Matcher!