Make block bounce off of walls and make noise each time it bounces off a wall. Make it increase it’s speed and size by 5% each time.'s game

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

No:24306

112

←

Prev Next

→

Make block bounce off of walls and make noise each..ALL
Developer User11414｜Date and time 23/11/7 7:19:25
Build time 46.361 sec｜Game capacity 2.143KB｜

Script

Sure! Here's an example of a game using JavaScript within a single HTML file, where a block bounces off walls and increases its speed and size by 5% each time. The game uses pictograms and is designed for smartphone operation.

Note: This code assumes that you have a bounce sound file named "sound.mp3" in the same directory as the HTML file. Please make sure to replace the `bounce.mp3` with your own sound file path or URL.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bouncing Block Game</title>
  <style>
    #block {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      background-color: #333;
    }
  </style>
</head>
<body>
  <div id="block"></div>

// Set initial speed and size
    var speed = 5;
    var size = 50;

// Initialize direction variables
    var dx = 1;
    var dy = 1;

// Update block position on each animation frame
    function updateBlock() {
      // Calculate new position
      var posX = parseInt(block.style.left) + dx * speed;
      var posY = parseInt(block.style.top) + dy * speed;

// Check boundaries and change direction if needed
      if (posX + size > window.innerWidth || posX < 0) {
        dx *= -1; // Reverse horizontal direction
        playBounceSound();
      }
      if (posY + size > window.innerHeight || posY < 0) {
        dy *= -1; // Reverse vertical direction
        playBounceSound();
      }

// Update block position
      block.style.left = posX + 'px';
      block.style.top = posY + 'px';

// Increase speed and size by 5% on every bounce
      speed *= 1.05;
      size *= 1.05;

// Request next animation frame
      requestAnimationFrame(updateBlock);
    }

// Start the game after the page has loaded
    window.onload = function() {
      updateBlock(); // Start block animation
    };

// Function to play bounce sound
    function playBounceSound() {
      var audio = new Audio('bounce.mp3'); // Replace with your own sound file
      audio.play();
    }
  </script>
</body>
</html>
```

Note: This code assumes that you have a bounce sound file named "bounce.mp3" in the same directory as the HTML file. Please make sure to replace the `bounce.mp3` with your own sound file path or URL.