AI game creator

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

No:26137

←

Prev Next

→

Retail game
Developer User12873｜Date and time 23/11/27 8:20:10
Build time 58.32 sec｜Game capacity 2.752KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript:

In this game, there is a canvas element where pictograms are displayed. The player's goal is to click on the pictogram as quickly as possible to score points. The game lasts for 30 seconds, and the player's score is displayed on the screen. When the time is up, an alert is shown with the final score, and the game restarts. The pictograms can be replaced with actual pictogram images for a more visually appealing game.

←

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 using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Pictogram Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");

// Pictogram images
      const pictogramImages = [
        "pictogram1.png",
        "pictogram2.png",
        "pictogram3.png",
      ];

// Game state
      let score = 0;
      let timeLeft = 30;
      let currentPictogram;

// Function to choose a random pictogram
      function chooseRandomPictogram() {
        const randomIndex = Math.floor(Math.random() * pictogramImages.length);
        const pictogramImage = pictogramImages[randomIndex];
        const pictogram = new Image();
        pictogram.src = pictogramImage;
        return pictogram;
      }

// Function to update game state
      function updateGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw score
        ctx.font = "20px Arial";
        ctx.fillStyle = "black";
        ctx.fillText("Score: " + score, 10, 30);

// Draw time left
        ctx.fillText("Time Left: " + timeLeft, 10, 60);

// Draw current pictogram
        if (currentPictogram) {
          ctx.drawImage(currentPictogram, 150, 150);
        }

requestAnimationFrame(updateGame);
      }

// Event listener for canvas click
      canvas.addEventListener("click", function (event) {
        const rect = canvas.getBoundingClientRect();
        const clickX = event.clientX - rect.left;
        const clickY = event.clientY - rect.top;

// Check if the click is on the pictogram
        if (
          currentPictogram &&
          clickX >= 150 &&
          clickX <= 250 &&
          clickY >= 150 &&
          clickY <= 250
        ) {
          score++;
        }
      });

// Game loop
      setInterval(function () {
        currentPictogram = chooseRandomPictogram();
        timeLeft--;

if (timeLeft <= 0) {
          alert("Game Over! Your score is: " + score);
          score = 0;
          timeLeft = 30;
        }
      }, 1000);

// Start the game
      updateGame();
    </script>
  </body>
</html>
```