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

No:32194

Rainbow friends bus crash story 2
Developer User7580｜Date and time 23/12/30 14:59:11
Build time 16.251 sec｜Game capacity 2.878KB｜

Script

Sure, here's an example implementation of the game "Rainbow Friends Bus Crash Story 2" using HTML, JavaScript, and pictograms.

Rainbow Friends Bus Crash Story 2

🌈

🦄

🚌

In this game, you control two rainbow friends (represented by 🌈 and 🦄 pictograms) and a bus (represented by a 🚌 pictogram). Your goal is to prevent the rainbow friends from crashing into the bus. To play, you need to tap/click on a friend or the bus to switch their positions on the game board. The game will detect if the rainbow friends crash into the bus, and if so, it will display a "Game Over" message.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure, here's an example implementation of the game "Rainbow Friends Bus Crash Story 2" using HTML, JavaScript, and pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rainbow Friends Bus Crash Story 2</title>
  <style>
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
      border: 2px solid black;
      justify-content: center;
      align-items: center;
    }
    
    .pictogram {
      width: 100px;
      height: 100px;
      font-size: 40px;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Rainbow Friends Bus Crash Story 2</h1>
  
  <div id="game-board">
    <div class="pictogram" id="friend1" onclick="move('friend1')">🌈</div>
    <div class="pictogram" id="friend2" onclick="move('friend2')">🦄</div>
    <div class="pictogram" id="bus" onclick="move('bus')">🚌</div>
    <div class="pictogram" id="tree"></div>
    
  </div>
  
  <script>
    var currentLocation = 'friend1'; // Initial location of friend1
    var friend1Location = 'friend1';
    var friend2Location = 'friend2';
    var busLocation = 'bus';
    
    function move(elementId) {
      var element = document.getElementById(elementId);
      var targetElement = document.getElementById(currentLocation);
      
      if (currentLocation === busLocation) {
        gameOver();
        return;
      }
      
      if (targetElement === element) {
        // Move to a new location
        switch (elementId) {
          case 'friend1':
            currentLocation = friend2Location;
            friend1Location = currentLocation;
            friend2Location = elementId;
            break;
          case 'friend2':
            currentLocation = friend1Location;
            friend2Location = currentLocation;
            friend1Location = elementId;
            break;
          case 'bus':
            currentLocation = busLocation;
            busLocation = elementId;
            break;
          default:
            break;
        }
        element.style.backgroundColor = 'lightgreen';
        targetElement.style.backgroundColor = '';
      }
    }
    
    function gameOver() {
      var gameBoard = document.getElementById('game-board');
      gameBoard.innerHTML = '';
      var gameOverText = document.createElement('h2');
      gameOverText.innerText = 'Game Over';
      gameBoard.appendChild(gameOverText);
    }
  </script>
</body>
</html>
```