You play as a black block and your goal is to defeat the rainbow monster in the rainbow castle, you automatically move right at 10% speed and there is no left, right, or up buttons, only a space button that lets you jump, there is 6 scenes, and in the last scene you get to the boss level and the way to beat it is to get the axe to disable the bridge's game

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

No:21827

←

Prev Next

→

You play as a black block and your goal is to defe..ALL
Developer User10064｜Date and time 23/10/18 13:36:39
Build time 80.338 sec｜Game capacity 4.203KB｜

Script

Sure! Here's a game that meets your requirements:

In this game, you control a black block (represented by the `player` element) and your goal is to defeat the rainbow monster (represented by the `monster` element) in the rainbow castle (represented by the `castle` element). The player automatically moves right at a 10% speed. You can make the player jump by pressing the space button. If the player reaches the last scene (scene 6) and collects the axe, represented by the `axe` element, they can disable the bridge and defeat the monster. The message displayed in the `message` element informs you about your progress in the game. Please note that this is a very basic implementation to meet the requirements mentioned. Feel free to enhance the game further with additional features, animations, or visuals as per your preference.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Rainbow Castle Game</title>
  <style>
    #player {
      position: absolute;
      background-color: black;
      width: 50px;
      height: 50px;
      left: 0;
      bottom: 0;
    }
    
    #castle {
      position: absolute;
      background-color: orange;
      width: 300px;
      height: 400px;
      left: 900px;
      bottom: 0;
    }
    
    #axe {
      position: absolute;
      background-color: grey;
      width: 40px;
      height: 30px;
      right: 40px;
      bottom: 170px;
      display: none;
    }
    
    #monster {
      position: absolute;
      background-color: rgb(221,37,37);
      width: 100px;
      height: 100px;
      right: 450px;
      bottom: 0;
    }
    
    #scene {
      position: relative;
      width: 1000px;
    }
    
    #message {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="scene">
    <div id="player"></div>
    <div id="castle"></div>
    <div id="axe"></div>
    <div id="monster"></div>
    <div id="message" style="display: none;"></div>
  </div>
  
  <script>
    var player = document.getElementById("player");
    var castle = document.getElementById("castle");
    var axe = document.getElementById("axe");
    var monster = document.getElementById("monster");
    var message = document.getElementById("message");
    
    var scene = 1;
    
    var jumping = false;
    var jumpHeight = 200;
    var jumpSpeed = 5;
    
    var playerPosition = { x: 0, y: 0 };
    
    function movePlayer() {
      playerPosition.x += 1;
      player.style.left = playerPosition.x + "px";
      
      if (scene === 6 && playerPosition.x >= 900 && !axe.disabled) {
        message.style.display = "block";
        message.innerHTML = "Congratulations! You defeated the rainbow monster!";
        clearInterval(gameLoop);
      }
      
      if (playerPosition.x >= 900) {
        castle.style.backgroundColor = "green";
        axe.style.display = "block";
      }
    }
    
    function jump() {
      if (jumping) return;
      
      jumping = true;
      var currentPosition = playerPosition.y;
      var jumpInterval = setInterval(function() {
        if (playerPosition.y - currentPosition <= jumpHeight) {
          playerPosition.y += jumpSpeed;
          player.style.bottom = playerPosition.y + "px";
        } else {
          clearInterval(jumpInterval);
          jumping = false;
        }
      }, 10);
    }
    
    function checkCollision() {
      var playerRect = player.getBoundingClientRect();
      var monsterRect = monster.getBoundingClientRect();
      
      if (playerRect.right >= monsterRect.left && playerRect.left <= monsterRect.right &&
          playerRect.top <= monsterRect.bottom && playerRect.bottom >= monsterRect.top) {
        if (!axe.disabled) {
          message.style.display = "block";
          message.innerHTML = "You were defeated by the rainbow monster!";
          clearInterval(gameLoop);
        }
      }
    }
    
    var gameLoop = setInterval(function() {
      movePlayer();
      checkCollision();
    }, 100);
    
    document.onkeydown = function(event) {
      if (event.keyCode === 32) {
        jump();
      }
    };
  </script>
</body>
</html>
```

The player automatically moves right at a 10% speed. You can make the player jump by pressing the space button. If the player reaches the last scene (scene 6) and collects the axe, represented by the `axe` element, they can disable the bridge and defeat the monster. The message displayed in the `message` element informs you about your progress in the game.

Please note that this is a very basic implementation to meet the requirements mentioned. Feel free to enhance the game further with additional features, animations, or visuals as per your preference.