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

No:36959

Make a game about monkeys and balloons, and they’r..ALL
Developer User16932｜Date and time 24/1/19 15:28:39
Build time 10.008 sec｜Game capacity 2.578KB｜

Script

Sure! Here's an example of a simple game about monkeys and balloons using HTML, CSS, and JavaScript:

Monkeys vs Balloons

In this game, you can control the monkey at the bottom of the screen by dragging your finger across the screen. The monkey's goal is to pop the balloons that appear randomly from the top. The game will continuously create balloons that fall towards the bottom, and you need to move the monkey to pop them by touching the screen.

←

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 about monkeys and balloons using HTML, CSS, and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Monkeys vs Balloons</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 500px;
      border: 1px solid #000;
      background-color: #f1f1f1;
    }
    .monkey {
      position: absolute;
      bottom: 10px;
      width: 50px;
      height: 50px;
      background-image: url('monkey.png');
      background-size: cover;
    }
    .balloon {
      position: absolute;
      top: 10px;
      width: 30px;
      height: 30px;
      background-image: url('balloon.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <h1>Monkeys vs Balloons</h1>
  <div id="game-container">
    <div class="monkey"></div>
  </div>

// Set the initial monkey position
    let monkeyPosition = 0;

// Handle touch events to move the monkey horizontally
    gameContainer.addEventListener('touchmove', function (e) {
      e.preventDefault();
      const touch = e.touches[0];
      monkeyPosition = touch.clientX - gameContainer.offsetLeft;
      monkey.style.left = monkeyPosition + 'px';
    });

// Function to create balloons at random positions
    function createBalloon() {
      const balloon = document.createElement('div');
      balloon.classList.add('balloon');

const randomPosition = Math.random() * (gameContainer.offsetWidth - 30);
      balloon.style.left = randomPosition + 'px';

gameContainer.appendChild(balloon);

// Move the balloon vertically and remove when it reaches the bottom
      let position = 0;
      const interval = setInterval(function() {
        position += 5;
        balloon.style.top = position + 'px';

if (position >= gameContainer.offsetHeight) {
          clearInterval(interval);
          gameContainer.removeChild(balloon);
        }
      }, 20);
    }

// Start creating balloons at regular intervals
    setInterval(createBalloon, 1500);
  </script>
</body>
</html>
```