AI game creator

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

No:23178

←

Prev Next

→

Mouse clicker
Developer User10706｜Date and time 23/10/28 16:23:46
Build time 57.644 sec｜Game capacity 2.532KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. It is designed to be played on a smartphone and utilizes pictograms for a fun experience. The game is a mouse clicker where the player has to click on various objects to earn points within a given time limit. Here's the code:

0 Points

To play the game, simply copy the code into a new HTML file and open it in a web browser on your smartphone. The screen will display a random pictogram, and your goal is to click on it as many times as possible within the given time limit of 10 seconds. After the time is up, an alert will show your final score and the game resets.

←

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>Mouse Clicker Game</title>
  <style>
    #game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 40px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <span id="score">0</span> Points
  </div>

// Function to generate random pictograms
    function generatePictogram() {
      const pictograms = ['🍎', '🐶', '🌼', '🚀', '⚽️'];
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex];
    }

// Function to update the score display
    function updateScore() {
      document.getElementById('score').textContent = score;
    }

// Function to handle the click event on pictograms
    function handleClick() {
      score++;
      document.getElementById('score').textContent = score;
    }

// Function to update the time left display
    function updateTimeLeft() {
      document.getElementById('time-left').textContent = timeLeft;
    }

// Function to handle the game over condition
    function handleGameOver() {
      alert('Game Over! Your score is: ' + score);
      score = 0;
      timeLeft = 10;
      updateScore();
      updateTimeLeft();
    }

// Start the game
    function startGame() {
      setInterval(() => {
        if (timeLeft > 0) {
          const pictogram = generatePictogram();
          document.getElementById('game-container').textContent = pictogram;
          document.getElementById('game-container').onclick = handleClick;
          timeLeft--;
          updateTimeLeft();
        } else {
          handleGameOver();
        }
      }, 1000);
    }

startGame();
  </script>
</body>
</html>
```