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

No:32191

Rainbow friends bus crash story
Developer User7580｜Date and time 23/12/30 14:56:37
Build time 17.32 sec｜Game capacity 3.137KB｜

Script

Sure! Here's a game called "Rainbow Friends Bus Crash Story" implemented as a single HTML file using JavaScript. The game can be played on a smartphone and uses pictograms for a visually appealing experience.

Rainbow Friends Bus Crash Story

To play the game, simply open the HTML file on any web browser on your smartphone. The game involves controlling the bus using the Arrow Left and Arrow Right keys to avoid crashing into the rainbow friends (represented by different colored shapes) moving towards the bus. If the bus crashes into any rainbow friend, a "Game Over" message will be displayed on the screen.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rainbow Friends Bus Crash Story</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <h1>Rainbow Friends Bus Crash Story</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Draw the initial scene
    function drawScene() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw background
      ctx.fillStyle = '#87CEEB';
      ctx.fillRect(0, 0, canvas.width, canvas.height);

// Draw bus
      ctx.fillStyle = '#FFD700';
      ctx.fillRect(busX - 50, busY - 25, 100, 50);

// Draw rainbow friends
      drawRainbowFriend(100, 250, '#FF0000'); // Red rainbow friend
      drawRainbowFriend(200, 250, '#F08700'); // Orange rainbow friend
      drawRainbowFriend(300, 250, '#FFFF00'); // Yellow rainbow friend

// Draw game over text if the game is finished
      if (gameFinished) {
        ctx.fillStyle = '#FFFFFF';
        ctx.font = 'bold 30px Arial';
        ctx.fillText('Game Over', canvas.width / 2 - 80, canvas.height / 2);
      }
    }

// Draw a rainbow friend with given coordinates and color
    function drawRainbowFriend(x, y, color) {
      ctx.fillStyle = color;
      ctx.beginPath();
      ctx.arc(x, y, 25, 0, Math.PI * 2);
      ctx.closePath();
      ctx.fill();
    }

// Move the bus left or right based on user input
    function moveBus(event) {
      if (!gameFinished) {
        if (event.key === 'ArrowLeft') {
          busX -= 10;
        } else if (event.key === 'ArrowRight') {
          busX += 10;
        }

// Check collision with rainbow friends
        if (busX >= 75 && busX <= 125 && busY >= 225 && busY <= 275) {
          gameFinished = true;
        } else if (busX >= 175 && busX <= 225 && busY >= 225 && busY <= 275) {
          gameFinished = true;
        } else if (busX >= 275 && busX <= 325 && busY >= 225 && busY <= 275) {
          gameFinished = true;
        }

drawScene();
      }
    }

// Start the game
    function startGame() {
      drawScene();
      window.addEventListener('keydown', moveBus);
    }

// Call the startGame function to begin the game
    startGame();
  </script>
</body>
</html>
```