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

No:34953

you enter it in the empty search box and it makes ..ALL
Developer User16254｜Date and time 24/1/12 21:26:15
Build time 26.575 sec｜Game capacity 5.502KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file with JavaScript. The game is called "PictoMatch" and it's a matching game where players need to match pairs of pictograms within a time limit.

PictoMatch

To play the game, open the HTML file on your smartphone's web browser. The game will display a grid of cards with pictograms. Tap on a card to flip it. The objective is to match pairs of cards with the same pictogram. The game provides a timer for added challenge, and the score increases with each successful match. The game ends when either the time runs out or all pairs are matched. Enjoy playing "PictoMatch"!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PictoMatch</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #e9e9e9;
    }

#game-container {
      margin-top: 50px;
    }

.card {
      display: inline-block;
      width: 80px;
      height: 80px;
      border: 2px solid #333;
      background-color: #fff;
      margin: 10px;
      cursor: pointer;
    }

.card img {
      width: 100%;
      height: 100%;
    }

#timer {
      font-size: 20px;
      margin-top: 20px;
    }

#score {
      margin-top: 20px;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <h1>PictoMatch</h1>
  <div id="game-container"></div>
  <div id="timer"></div>
  <div id="score"></div>

// Pictograms
    const pictograms = [
      { id: 1, url: 'pictogram1.png' },
      { id: 2, url: 'pictogram2.png' },
      { id: 3, url: 'pictogram3.png' },
      { id: 4, url: 'pictogram4.png' },
      { id: 5, url: 'pictogram5.png' },
      // Add more pictograms as needed
    ];

let gameCards = []; // Game cards array
    let flippedCards = []; // Flipped cards array
    let matchedCards = []; // Matched cards array
    let score = 0; // Player's score
    let timer; // Timer reference
    let countdown; // Countdown value
    const gameContainer = document.getElementById('game-container');
    const timerElement = document.getElementById('timer');
    const scoreElement = document.getElementById('score');

// Shuffle an array using Fisher-Yates algorithm
    function shuffleArray(array) {
      for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
      }
    }

// Initialize the game
    function initializeGame() {
      gameContainer.innerHTML = '';
      flippedCards = [];
      matchedCards = [];
      score = 0;

// Duplicate and shuffle pictograms to create game cards
      const availablePictograms = [];
      pictograms.forEach(pictogram => {
        for (let i = 0; i < numPairs; i++) {
          availablePictograms.push(pictogram);
        }
      });
      shuffleArray(availablePictograms);

// Create game card elements
      availablePictograms.forEach(availablePictogram => {
        const cardElement = document.createElement('div');
        cardElement.className = 'card';
        cardElement.dataset.id = availablePictogram.id;
        cardElement.addEventListener('click', flipCard);
        const imgElement = document.createElement('img');
        imgElement.src = availablePictogram.url;
        cardElement.appendChild(imgElement);
        gameContainer.appendChild(cardElement);
        gameCards.push(cardElement);
      });

startTimer();
      updateScore();
    }

// Flip the clicked card
    function flipCard() {
      if (flippedCards.length === 2 || matchedCards.includes(this)) {
        return;
      }

this.classList.toggle('flipped');
      flippedCards.push(this);

if (flippedCards.length === 2) {
        setTimeout(checkMatch, 500);
      }
    }

// Check if the flipped cards match
    function checkMatch() {
      const [card1, card2] = flippedCards;
      const id1 = card1.dataset.id;
      const id2 = card2.dataset.id;

if (id1 === id2) {
        matchedCards.push(card1, card2);
        score++;
        updateScore();

if (matchedCards.length === gameCards.length) {
          endGame();
        }
      } else {
        card1.classList.remove('flipped');
        card2.classList.remove('flipped');
      }

flippedCards = [];
    }

// Start the timer countdown
    function startTimer() {
      countdown = timerCountdown;
      updateTimer();

timer = setInterval(() => {
        countdown--;
        updateTimer();

if (countdown === 0) {
          clearInterval(timer);
          endGame();
        }
      }, 1000);
    }

// Update the timer display
    function updateTimer() {
      const minutes = Math.floor(countdown / 60);
      const seconds = countdown % 60;
      timerElement.textContent = `Time: ${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
    }

// Update the score display
    function updateScore() {
      scoreElement.textContent = `Score: ${score}`;
    }

// End the game
    function endGame() {
      clearInterval(timer);
      gameContainer.innerHTML = `<h2>Game Over!</h2><p>Final Score: ${score}</p>`;
    }

// Initialize the game on page load
    initializeGame();
  </script>
</body>
</html>
```