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

No:35202

The Race. Cat vs Chicken vs Cow vs Dog vs Horse vs..ALL
Developer User16437｜Date and time 24/1/13 16:00:16
Build time 10.447 sec｜Game capacity 2.265KB｜

Script

Sure! Here's a basic implementation of "The Race" game using JavaScript and pictograms:

The Race

In this implementation, we have pictograms of the cat, chicken, cow, dog, horse, and elephant. When the "Start Race" button is clicked, a winner is selected randomly and a race animation is applied to all participants for 5 seconds. After the race is completed, the winner is displayed in the result section. Note: Replace `emozi_all/cat.png`, `emozi_all/chicken.png`, `emozi_all/cow.png`, `emozi_all/dog.png`, `emozi_all/horse.png`, and `emozi_all/elephant.png` with the actual image files you want to use for each pictogram.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a basic implementation of "The Race" game using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>The Race</title>
    <style>
        body {
            text-align: center;
        }
        
        .picto {
            width: 100px;
            height: 100px;
            display: inline-block;
            margin: 5px;
        }
        
        #result {
            margin-top: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>The Race</h1>
    
    <div class="picto" id="cat"><img src="cat.png" alt="Cat"></div>
    <div class="picto" id="chicken"><img src="chicken.png" alt="Chicken"></div>
    <div class="picto" id="cow"><img src="cow.png" alt="Cow"></div>
    <div class="picto" id="dog"><img src="dog.png" alt="Dog"></div>
    <div class="picto" id="horse"><img src="horse.png" alt="Horse"></div>
    <div class="picto" id="elephant"><img src="elephant.png" alt="Elephant"></div>
    
    <button onclick="startRace()">Start Race</button>
    
    <p id="result"></p>
    
    <script>
        function startRace() {
            var participants = document.querySelectorAll('.picto');
            var winner = Math.floor(Math.random() * participants.length);
            
            for (var i = 0; i < participants.length; i++) {
                participants[i].style.animation = 'race 5s linear infinite';
            }
            
            setTimeout(function() {
                for (var i = 0; i < participants.length; i++) {
                    participants[i].style.animation = 'none';
                }
                
                document.getElementById('result').innerText = 'And the winner is: ' + participants[winner].id;
            }, 5000);
        }
    </script>
</body>
</html>
```

Note: Replace `cat.png`, `chicken.png`, `cow.png`, `dog.png`, `horse.png`, and `elephant.png` with the actual image files you want to use for each pictogram.