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

No:39592

←

Prev Next

→

Make a live streaming app
Developer User17705｜Date and time 24/1/29 7:18:44
Build time 10.65 sec｜Game capacity 2.556KB｜

Script

Sure! Here's an example of a simple game implemented using HTML and JavaScript, enclosed within script tags in a single HTML file. The game is designed for smartphone operation and uses pictograms for visuals.

Pictogram Game

🌞

🌼

🌈

Score: 0

This game features three pictograms (sun, flower, and rainbow) displayed randomly every second. The player needs to click the pictograms to increase their score. However, if the player fails to click on three consecutive pictograms, the game will end and the final score will be displayed.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Pictogram Game</title>
    <style>
      body {
        font-size: 2em;
        text-align: center;
        margin-top: 20px;
      }
      
      .pictogram {
        width: 100px;
        height: 100px;
        margin: 10px;
        display: inline-block;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Pictogram Game</h1>
    <div>
      <div class="pictogram" id="pictogram1">🌞</div>
      <div class="pictogram" id="pictogram2">🌼</div>
      <div class="pictogram" id="pictogram3">🌈</div>
    </div>
    <h2 id="score">Score: 0</h2>

// Add click event listener to each pictogram element
      const pictograms = document.querySelectorAll('.pictogram');
      pictograms.forEach(pictogram => {
        pictogram.addEventListener('click', () => {
          // Increment score when clicked
          score++;
          document.getElementById('score').textContent = `Score: ${score}`;
        });
      });

// Randomly display pictograms every second
      setInterval(() => {
        // Reset click count
        clickCount = 0;

// Hide all pictograms
        pictograms.forEach(pictogram => {
          pictogram.style.display = 'none';
        });

// Choose a random pictogram and display it
        const randomIndex = Math.floor(Math.random() * pictograms.length);
        pictograms[randomIndex].style.display = 'inline-block';
      }, 1000);

// Game over after three consecutive clicks
      setInterval(() => {
        // Increment click count
        clickCount++;

if (clickCount >= 3) {
          // Game over, disable click events and show final score
          pictograms.forEach(pictogram => {
            pictogram.style.pointerEvents = 'none';
          });
          alert(`Game Over!\nFinal Score: ${score}`);
        }
      }, 100);
    </script>
  </body>
</html>
```