It is a retro arcade game called The super bros. It has 6 levels each progressively getting harder as you work your way up to level 6. It is 2D. The game looks a bit like the old Mario games. You can get points by collecting coins.'s game

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

No:44175

←

Prev Next

→

It is a retro arcade game called The super bros. I..ALL
Developer User19322｜Date and time 24/2/17 6:46:01
Build time 11.16 sec｜Game capacity 3.644KB｜

Script

Sure, here's an example implementation of "The Super Bros" game as a single HTML file using JavaScript:

This example creates a simple game where the player controls a character (player) using the left and right arrow keys to move horizontally and the up arrow key to jump. The goal is to collect all the coins by colliding with them. The score increases by 1 each time a coin is collected. The game loop continuously updates the game state, including player movement, gravity, collision detection, and rendering. The score is displayed on the screen using the canvas context. Note that this is just a basic example and can be further expanded and improved to match your specific game design requirements.

←

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 Super Bros" game as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>The Super Bros</title>
  <style>
    #game {
      width: 400px;
      height: 300px;
      border: 1px solid #000;
      background-color: #eee;
    }
  </style>
</head>
<body>
  <canvas id="game"></canvas>

var player = {
        x: 10,
        y: 250,
        width: 40,
        height: 40,
        speed: 5,
        jumping: false
      };

var coins = [
        { x: 100, y: 200 },
        { x: 200, y: 150 },
        { x: 300, y: 100 }
        // Add more coins for each level
      ];

var score = 0;

// Keyboard controls
      var keyboard = {};

document.addEventListener("keydown", function(event) {
        keyboard[event.keyCode] = true;
      });

document.addEventListener("keyup", function(event) {
        delete keyboard[event.keyCode];
      });

// Game loop
      function gameLoop() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Update player
        if (keyboard[37]) { // Left arrow key
          player.x -= player.speed;
        }
        if (keyboard[39]) { // Right arrow key
          player.x += player.speed;
        }
        if (keyboard[38] && !player.jumping) { // Up arrow key
          player.y -= 80;
          player.jumping = true;
        }

player.y += 2; // Gravity
        player.jumping = true; // Player always jumping in this example

if (player.x >= canvas.width - player.width) {
          player.x = canvas.width - player.width;
        } else if (player.x <= 0) {
          player.x = 0;
        }

if (player.y >= canvas.height - player.height) {
          player.y = canvas.height - player.height;
          player.jumping = false;
        }

// Update coins
        for (var i = 0; i < coins.length; i++) {
          var coin = coins[i];

if (collision(player, coin)) {
            coins.splice(i, 1);
            score++;
          }

context.fillStyle = "#ffc107";
          context.fillRect(coin.x, coin.y, 20, 20);
        }

// Update score
        context.fillStyle = "#000";
        context.font = "16px Arial";
        context.fillText("Score: " + score, 10, 20);

// Update player
        context.fillStyle = "#f44336";
        context.fillRect(player.x, player.y, player.width, player.height);

requestAnimationFrame(gameLoop);
      }

gameLoop();

// Collision detection function
      function collision(player, coin) {
        return (
          player.x < coin.x + 20 &&
          player.x + player.width > coin.x &&
          player.y < coin.y + 20 &&
          player.y + player.height > coin.y
        );
      }
    });
  </script>
</body>
</html>
```

The game loop continuously updates the game state, including player movement, gravity, collision detection, and rendering. The score is displayed on the screen using the canvas context.

Note that this is just a basic example and can be further expanded and improved to match your specific game design requirements.