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

No:35193

The Race. Apple vs Horse vs Goat vs Yo-Yo
Developer User16437｜Date and time 24/1/13 15:52:27
Build time 10.064 sec｜Game capacity 2.577KB｜

Script

Sure! Here's an example of a simple race game using pictograms. Save the following code in a single HTML file and open it in a web browser to play the game:

The Race

🍎 🐴 🐐 🪀

This game simulates a race between an apple, a horse, a goat, and a yo-yo. Each character is represented by a pictogram. The race starts automatically when the page loads. The characters move randomly with different speeds, and the first one to reach the end of the race track wins. The winner's pictogram is displayed in an alert box after the race ends. Please note that this is a basic example, and you can customize and enhance the game according to your needs and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's an example of a simple race game using pictograms. Save the following code in a single HTML file and open it in a web browser to play the game:

```html
<!DOCTYPE html>
<html>
<head>
  <title>The Race</title>
  <style>
    #race-track {
      width: 100%;
      height: 300px;
      background-color: #90EE90;
      position: relative;
    }
    
    #apple, #horse, #goat, #yoyo {
      position: absolute;
      top: 0;
    }
    
    .pictogram {
      font-size: 30px;
    }
  </style>
</head>
<body>
  <h1>The Race</h1>
  <div id="race-track">
    <span id="apple" class="pictogram">🍎</span>
    <span id="horse" class="pictogram">🐴</span>
    <span id="goat" class="pictogram">🐐</span>
    <span id="yoyo" class="pictogram">🪀</span>
  </div>

function startRace() {
      const apple = document.getElementById('apple');
      const horse = document.getElementById('horse');
      const goat = document.getElementById('goat');
      const yoyo = document.getElementById('yoyo');

const trackWidth = document.getElementById('race-track').clientWidth;

let distance = 0;
      let winner = null;

const raceInterval = setInterval(() => {
        distance += Math.floor(Math.random() * 10 + 1);

move(apple, distance);
        move(horse, distance);
        move(goat, distance);
        move(yoyo, distance);

if (distance >= trackWidth) {
          clearInterval(raceInterval);
          if (!winner) {
            winner = distance;
            alert('The race is over. The winner is:');
            if (distance === apple.offsetLeft)
              alert('🍎 Apple');
            else if (distance === horse.offsetLeft)
              alert('🐴 Horse');
            else if (distance === goat.offsetLeft)
              alert('🐐 Goat');
            else if (distance === yoyo.offsetLeft)
              alert('🪀 Yo-Yo');
          }
        }
      }, 100);
    }

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

Please note that this is a basic example, and you can customize and enhance the game according to your needs and preferences.