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

No:19245

←

Prev Next

→

Find the shape
Developer User6866｜Date and time 23/10/2 5:40:15
Build time 10.374 sec｜Game capacity 2.605KB｜

Script

Sure, below is an example of a simple game where the user needs to find the shape displayed on the screen. The game is implemented as a single HTML file with JavaScript code enclosed in script tags:

Find the Shape Game

In this game, a random shape from a predefined list of shape pictograms is displayed on the screen. The user needs to click on the corresponding shape displayed. If the user clicks on the correct shape, a success message is shown, otherwise, an error message is displayed. After a second, a new random shape is displayed for the user to find again.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure, below is an example of a simple game where the user needs to find the shape displayed on the screen. The game is implemented as a single HTML file with JavaScript code enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Find the Shape Game</title>
  <style>
    #shape {
      width: 200px;
      height: 200px;
      background-color: lightblue;
      margin: 0 auto;
      margin-top: 50px;
      text-align: center;
      line-height: 200px;
      font-size: 100px;
    }
    
    #result {
      text-align: center;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Find the Shape Game</h1>
  
  <div id="shape"></div>
  
  <h2 id="result"></h2>
  
  <script>
    // List of shape pictograms
    const shapes = ['🔵', '🔺', '🔶', '⬜️', '🔘', '⚪️'];

// Get a random shape from the array
    function getRandomShape() {
      return shapes[Math.floor(Math.random() * shapes.length)];
    }

// Display the shape on the screen
    function displayShape() {
      const shapeElement = document.getElementById('shape');
      shapeElement.textContent = getRandomShape();
    }
    
    // Check if the user found the shape correctly
    function checkShape(clickedShape) {
      const actualShape = document.getElementById('shape').textContent;
      
      if (clickedShape === actualShape) {
        document.getElementById('result').textContent = 'Congratulations! You found the shape.';
      } else {
        document.getElementById('result').textContent = 'Oops! Wrong shape. Try again.';
      }
      
      // Display a new shape after 1 second
      setTimeout(displayShape, 1000);
    }

// Initialize the game
    function initGame() {
      // Display the first shape
      displayShape();
      
      // Add event listeners to each shape element
      const shapeElements = document.getElementsByClassName('shape');
      for (let i = 0; i < shapeElements.length; i++) {
        shapeElements[i].addEventListener('click', function() {
          checkShape(this.textContent);
        });
      }
    }
    
    // Start the game
    initGame();
  </script>
</body>
</html>
```