Flying bedroom boy: the dream land game's game

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

No:28230

←

Prev Next

→

Flying bedroom boy: the dream land game
Developer User13970｜Date and time 23/12/11 9:21:59
Build time 30.751 sec｜Game capacity 4.125KB｜

Script

Sure, here's an example of a simple game called "Flying Bedroom Boy: The Dream Land". The objective of the game is to help the flying bedroom boy collect as many dreams as possible while avoiding obstacles. You can copy and paste the following code into a single HTML file:

When you open this HTML file in a browser, you'll see a canvas where the game is played. The bedroom boy character is represented as a blue square, dreams as yellow squares, and obstacles as red rectangles. When you touch or click the canvas, the bedroom boy will jump. The objective is to collect dreams while avoiding obstacles. The game will end when the bedroom boy collides with an obstacle, and an alert will show the number of dreams collected. Please note that this is a very basic implementation of a game and can be expanded upon with additional features and visuals.

←

Prev　Next

→ 　

Back　

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

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

You can copy and paste the following code into a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Flying Bedroom Boy: The Dream Land</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Get the canvas element
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Game variables
    var bedroomBoy = { x: 50, y: 180, size: 40, speed: 0, gravity: 0.2 };
    var dreams = [];
    var obstacles = [];

// Event listeners for touch controls on smartphone
    canvas.addEventListener("touchstart", jump);
    canvas.addEventListener("mousedown", jump);

// Function to make the bedroom boy jump
    function jump() {
      bedroomBoy.speed = -5;
    }

// Function to generate dreams
    function generateDreams() {
      var dream = { x: canvas.width, y: Math.random() * canvas.height, size: 20, speed: 2 };
      dreams.push(dream);
    }

// Function to generate obstacles
    function generateObstacles() {
      var obstacle = { x: canvas.width, y: canvas.height - 30, width: 20, height: 30, speed: 3 };
      obstacles.push(obstacle);
    }

// Function to update game objects and detect collision
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update bedroom boy position
      bedroomBoy.speed += bedroomBoy.gravity;
      bedroomBoy.y += bedroomBoy.speed;

// Draw the bedroom boy
      ctx.fillStyle = "blue";
      ctx.fillRect(bedroomBoy.x, bedroomBoy.y, bedroomBoy.size, bedroomBoy.size);

// Generate dreams randomly
      if (Math.random() < 0.01) {
        generateDreams();
      }

// Update dreams position and check collision
      dreams.forEach((dream, index) => {
        dream.x -= dream.speed;
        ctx.fillStyle = "yellow";
        ctx.fillRect(dream.x, dream.y, dream.size, dream.size);

// Check collision with bedroom boy
        if (
          bedroomBoy.x < dream.x + dream.size &&
          bedroomBoy.x + bedroomBoy.size > dream.x &&
          bedroomBoy.y < dream.y + dream.size &&
          bedroomBoy.y + bedroomBoy.size > dream.y
        ) {
          dreams.splice(index, 1);
        }
      });

// Generate obstacles randomly
      if (Math.random() < 0.005) {
        generateObstacles();
      }

// Update obstacles position and check collision
      obstacles.forEach((obstacle, index) => {
        obstacle.x -= obstacle.speed;
        ctx.fillStyle = "red";
        ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

// Check collision with bedroom boy
        if (
          bedroomBoy.x < obstacle.x + obstacle.width &&
          bedroomBoy.x + bedroomBoy.size > obstacle.x &&
          bedroomBoy.y < obstacle.y + obstacle.height &&
          bedroomBoy.y + bedroomBoy.size > obstacle.y
        ) {
          // Game over condition
          alert("Game Over! You collected " + dreams.length + " dreams.");
          // Reload the page to restart the game
          window.location.reload();
        }
      });

// Repeat the update function
      requestAnimationFrame(update);
    }

// Start the game
    update();

</script>
</body>
</html>
```

Please note that this is a very basic implementation of a game and can be expanded upon with additional features and visuals.