AI game creator

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

No:41309

←

Prev Next

→

Laptop
Developer User18502｜Date and time 24/2/6 22:02:24
Build time 14.706 sec｜Game capacity 3.101KB｜

Script

Sure! Here's a simple game implemented as a single HTML file that can be played on a smartphone using pictograms:

This game creates a simple memory matching game using pictograms. When you click on a cell, it briefly shows the pictogram and then hides it again. The goal is to match all the pictograms by remembering their positions.

←

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 that can be played on a smartphone using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
</head>
<body>
  <script>
    // Pictogram images
    const pictograms = [
      '🐶', '🐱', '🐭', '🐹', '🐰', '🦊', '🐻', '🐼', '🐨', '🐯', '🦁', '🐮'
    ];

// Shuffle pictograms array
    function shuffle(array) {
      let currentIndex = array.length, temporaryValue, randomIndex;

while (currentIndex !== 0) {
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;
        temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
      }

return array;
    }

// Generate game grid
    function generateGrid(size) {
      const grid = [];
      const shuffledPictograms = shuffle(pictograms.slice(0, size / 2)); // Select pictograms for game

for (let i = 0; i < size; i++) {
        if (i < size / 2) {
          grid.push(shuffledPictograms[i]);
        } else {
          grid.push(shuffledPictograms[i - size / 2]);
        }
      }

return shuffle(grid);
    }

// Create game grid
    function createGameGrid(size) {
      const gameGrid = document.getElementById('game-grid');
      const grid = generateGrid(size);

for (let i = 0; i < size; i++) {
        const cell = document.createElement('div');
        cell.className = 'cell';
        cell.innerHTML = grid[i];
        gameGrid.appendChild(cell);
      }
    }

// Game initialization
    function initGame() {
      const gridSize = 12; // Number of cells in the game grid
      const gameGrid = document.getElementById('game-grid');
      const cells = gameGrid.getElementsByClassName('cell');

createGameGrid(gridSize);

// Add click event listeners to cells
      for (let i = 0; i < gridSize; i++) {
        cells[i].addEventListener('click', handleClick);
      }
    }

// Handle cell click
    function handleClick(event) {
      const clickedCell = event.target;

// Show the pictogram
      clickedCell.classList.add('show');

// Wait for 1 second before flipping the card back
      setTimeout(function() {
        clickedCell.classList.remove('show');
      }, 1000);
    }

// Start the game
    initGame();
  </script>

.cell.show {
      background-color: #fff;
    }
  </style>

<div id="game-grid"></div>
</body>
</html>
```