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

No:29187

45

Create a game for girls 14 years of age to play wh..ALL
Developer User14435｜Date and time 23/12/16 13:41:18
Build time 43.751 sec｜Game capacity 4.256KB｜

Sure! Here's a simple game called "Picto Match" that can be played by girls aged 14 or older when they're bored. It's designed for smartphone operation and uses pictograms as requested. To play the game, simply match the pairs of pictograms within the given time limit. The game will track your score and display it at the end. Here's the implementation:

Picto Match Game

Match the pairs of pictograms within the time limit!

You can copy and save this code into a single HTML file and open it in any modern web browser to play the game. Let me know if you have any further questions!

→ 　

0　

0　

[PR]現在の売れ筋ゲームアプリランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game called "Picto Match" that can be played by girls aged 14 or older when they're bored. It's designed for smartphone operation and uses pictograms as requested.

To play the game, simply match the pairs of pictograms within the given time limit. The game will track your score and display it at the end.

Here's the implementation:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Picto Match Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #gameboard {
      margin-top: 20px;
    }
    
    .pictogram {
      width: 100px;
      height: 100px;
      display: inline-block;
      margin: 10px;
      background-color: #f1f1f1;
      border-radius: 5px;
      cursor: pointer;
    }
    
    .hidden {
      display: none;
    }
  </style>
</head>
<body>
<h1>Picto Match Game</h1>
<p>Match the pairs of pictograms within the time limit!</p>
<div id="gameboard"></div>
<button id="startButton">Start Game</button>
<div id="scoreboard"></div>

<script>
  // Pictogram images (you can replace these with your custom pictograms)
  const pictograms = [
    '🌼', '🌸', '🍎', '🍓', '🌺', '🌻', '🍉', '🍒', '🍇', '🌹'
  ];
  
  let gameStarted = false;
  let selectedPictograms = [];
  let selectedIndexes = [];
  let score = 0;
  let timer;
  
  function createGameboard() {
    const gameboard = document.getElementById('gameboard');
    gameboard.innerHTML = '';
  
    // Generate pairs of pictograms
    const cards = [...pictograms, ...pictograms];
    cards.sort(() => Math.random() - 0.5);
    
    // Create pictogram elements
    for (let i = 0; i < cards.length; i++) {
      const pictogram = document.createElement('div');
      pictogram.classList.add('pictogram');
      pictogram.innerHTML = cards[i];
      pictogram.setAttribute('data-index', i);
      
      pictogram.addEventListener('click', function() {
        flipPictogram(this);
      });
      
      gameboard.appendChild(pictogram);
    }
  }
  
  function flipPictogram(pictogram) {
    if (!gameStarted) return;
    
    const index = pictogram.getAttribute('data-index');
    
    // Prevent selecting the same pictogram twice
    if (selectedIndexes.includes(index)) return;
    
    selectedPictograms.push(pictogram);
    selectedIndexes.push(index);
    
    pictogram.classList.add('hidden');
    
    if (selectedPictograms.length === 2) {
      checkMatch();
    }
  }
  
  function checkMatch() {
    const [pictogram1, pictogram2] = selectedPictograms;
    if (pictogram1.innerHTML === pictogram2.innerHTML) {
      selectedPictograms = [];
      selectedIndexes = [];
      score++;
      
      if (score === pictograms.length) {
        gameover();
      }
    } else {
      setTimeout(function() {
        pictogram1.classList.remove('hidden');
        pictogram2.classList.remove('hidden');
        selectedPictograms = [];
        selectedIndexes = [];
      }, 1000);
    }
  }
  
  function startGame() {
    if (gameStarted) return;
    
    gameStarted = true;
    score = 0;
    createGameboard();
    
    const startButton = document.getElementById('startButton');
    startButton.style.display = 'none';
    
    timer = setInterval(function() {
      const scoreboard = document.getElementById('scoreboard');
      scoreboard.innerHTML = `Score: ${score}`;
      
      if (score === pictograms.length) {
        gameover();
      }
    }, 100);
    
    setTimeout(function() {
      gameover();
    }, 60000); // Game lasts for 60 seconds
  }
  
  function gameover() {
    gameStarted = false;
    clearInterval(timer);
    const gameboard = document.getElementById('gameboard');
    gameboard.innerHTML = '';
    const startButton = document.getElementById('startButton');
    startButton.style.display = 'block';
    const scoreboard = document.getElementById('scoreboard');
    scoreboard.innerHTML = `Game Over! Final Score: ${score}`;
  }
  
  document.getElementById('startButton').addEventListener('click', startGame);
</script>
</body>
</html>
```

You can copy and save this code into a single HTML file and open it in any modern web browser to play the game. Let me know if you have any further questions!