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

No:10218

←

Prev Next

→

shadow threes
Developer User4498｜Date and time 23/7/29 12:40:22
Build time 13.338 sec｜Game capacity 2.026KB｜

Script

Sure, here's an example of a simple game called "Shadow Threes" implemented as a single HTML file with JavaScript in script tags. This game can be played on a smartphone and uses pictograms to represent the numbers.

Shadow Threes

🌑

In this game, there are three pictograms initially represented by black circles. When you click the "Play" button, each pictogram will be filled with a random number from 1 to 9. The game's objective is to try and make the sum of the numbers a multiple of three. You can replace the pictograms (🌑) with any other pictograms or icons of your choice. Feel free to customize the styles and improve the game logic according to your preferences.

←

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">
    <style>
      body {
        font-size: 50px;
        text-align: center;
        margin-top: 20%;
      }
      
      .pictogram {
        display: inline-block;
        width: 80px;
        height: 80px;
        background-color: lightgray;
        padding: 10px;
      }
    </style>
  </head>
  <body>
    <h1>Shadow Threes</h1>
    <div>
      <div class="pictogram">🌑</div>
      <div class="pictogram">🌑</div>
      <div class="pictogram">🌑</div>
    </div>
    <br>
    <button onclick="play()">Play</button>
    
    <script>
      function play() {
        const pictograms = document.querySelectorAll('.pictogram');
        
        // Generate random numbers for the pictograms
        for (let i = 0; i < pictograms.length; i++) {
          const randomNumber = Math.floor(Math.random() * 9) + 1;
          pictograms[i].textContent = randomNumber;
        }
        
        // Check if the sum of numbers is a multiple of 3
        const sum = Array.from(pictograms).reduce((acc, curr) => acc + Number(curr.textContent), 0);
        
        if (sum % 3 === 0) {
          alert('Congratulations! The sum is a multiple of 3!');
        } else {
          alert('Oops! The sum is not a multiple of 3. Try again!');
        }
      }
    </script>
  </body>
</html>
```

You can replace the pictograms (🌑) with any other pictograms or icons of your choice. Feel free to customize the styles and improve the game logic according to your preferences.