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

No:35237

The Race. Horse vs Elephant vs Kangaroo vs Camel v..ALL
Developer User16469｜Date and time 24/1/13 17:43:56
Build time 9.191 sec｜Game capacity 2.461KB｜

Script

Sure! Here's an example of a game called "The Race" implemented as a single HTML file using JavaScript:

The Race

In this game, there are five animals (horse, elephant, kangaroo, camel, and cheetah) represented by pictograms. When the "Start Race" button is clicked, the animals move forward on the race track at random distances. The race finishes when any animal reaches a distance of 800 pixels. Please note that the URLs of the pictogram images should be replaced with the actual image URLs you want to use in the game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's an example of a game called "The Race" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>The Race</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

img {
      height: 80px;
      margin: 10px;
    }

#race-track {
      border: 1px solid black;
      padding: 10px;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="race-track">
    <h1>The Race</h1>
    <img id="horse" src="https://example.com/horse.png" alt="Horse">
    <img id="elephant" src="https://example.com/elephant.png" alt="Elephant">
    <img id="kangaroo" src="https://example.com/kangaroo.png" alt="Kangaroo">
    <img id="camel" src="https://example.com/camel.png" alt="Camel">
    <img id="cheetah" src="https://example.com/cheetah.png" alt="Cheetah">
    <br>
    <button onclick="startRace()">Start Race</button>
  </div>

var distance = 0;
      var raceInterval = setInterval(function() {
        var randomDistance = Math.floor(Math.random() * 10) + 1;
        distance += randomDistance;

horse.style.marginLeft = distance + 'px';
        elephant.style.marginLeft = distance + 'px';
        kangaroo.style.marginLeft = distance + 'px';
        camel.style.marginLeft = distance + 'px';
        cheetah.style.marginLeft = distance + 'px';

if (distance >= 800) {
          clearInterval(raceInterval);
          alert('Race finished!');

horse.style.marginLeft = '10px';
          elephant.style.marginLeft = '10px';
          kangaroo.style.marginLeft = '10px';
          camel.style.marginLeft = '10px';
          cheetah.style.marginLeft = '10px';
        }
      }, 100);
    }
  </script>
</body>
</html>
```

Please note that the URLs of the pictogram images should be replaced with the actual image URLs you want to use in the game.