Teddy bear running and jump radiometric blocks's game

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

No:30415

←

Prev Next

→

Teddy bear running and jump radiometric blocks
Developer User14767｜Date and time 23/12/21 14:18:47
Build time 22.254 sec｜Game capacity 3.077KB｜

Script

Sure! Here's an example of a simple game in a single HTML file that meets your requirements:

This game features a teddy bear running and jumping over radiometric blocks. The teddy bear moves automatically, and you can make it jump by pressing the spacebar on your smartphone. Please note that the game may look small on a smartphone screen due to the specified canvas width and height. You can adjust those values to fit your needs.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game in a single HTML file that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Teddy Bear Runner</title>
  <style>
    /* CSS to style the game canvas */
    #gameCanvas {
      position: relative;
      margin: 0 auto;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Teddy bear position and movement variables
      var teddyX = 50;
      var teddyY = canvas.height - 50;
      var teddyJumping = false;
      var teddyJumpHeight = 80;
      var teddyJumpSpeed = 7;

// Radiometric blocks variables
      var blockWidth = 40;
      var blockHeight = 40;
      var blockX = canvas.width;
      var blockY = canvas.height - blockHeight;

// Game loop function
      function gameLoop() {
        // Clear the canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the teddy bear
        context.fillStyle = "brown";
        context.fillRect(teddyX, teddyY, 40, 40);

// Draw the radiometric block
        context.fillStyle = "gray";
        context.fillRect(blockX, blockY, blockWidth, blockHeight);

// Update teddy bear position
        if (teddyJumping) {
          teddyY -= teddyJumpSpeed;
          if (teddyY <= canvas.height - teddyJumpHeight) {
            teddyJumping = false;
          }
        } else {
          if (teddyY < canvas.height - 40) {
            teddyY += teddyJumpSpeed;
          }
        }

// Update radiometric block position
        blockX -= 5;
        if (blockX < 0 - blockWidth) {
          blockX = canvas.width;
        }

// Check for collision between teddy bear and block
        if (
          teddyX < blockX + blockWidth &&
          teddyX + 40 > blockX &&
          teddyY < blockY + blockHeight &&
          teddyY + 40 > blockY
        ) {
          alert("Game Over!");
          location.reload(); // Reload the page to restart the game
        }

// Call the game loop again after a short delay
        requestAnimationFrame(gameLoop);
      }

// Event listener for the spacebar key to make the teddy bear jump
      document.addEventListener("keydown", function (event) {
        if (event.keyCode === 32) {
          if (!teddyJumping) {
            teddyJumping = true;
          }
        }
      });

// Start the game loop
      gameLoop();
    });
  </script>
</body>
</html>
```

This game features a teddy bear running and jumping over radiometric blocks. The teddy bear moves automatically, and you can make it jump by pressing the spacebar on your smartphone.

Please note that the game may look small on a smartphone screen due to the specified canvas width and height. You can adjust those values to fit your needs.