Bouncing around up and down until the fifth month, when it says DVD screen and then repeats's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Bouncing around up and down until the fifth month, when it says DVD screen and then repeats's game | AI game creator

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

No:14631

144

←

Prev Next

→

Bouncing around up and down until the fifth month,..ALL
Developer User6282｜Date and time 23/9/3 19:17:42
Build time 18.101 sec｜Game capacity 1.887KB｜

Script

Sure, below is an example of a simple game implemented as a single HTML file, which can be played on a smartphone. It utilizes JavaScript and pictograms for visual representation. The game involves bouncing a ball up and down until the fifth month, at which point it displays "DVD screen" and repeats the process.

To start the game, simply open the HTML file in a browser that supports JavaScript. When the ball is clicked or tapped, the month counter increments. Once it reaches the fifth month, it displays an alert with the message "DVD screen" and then resets the month counter, allowing the game to repeat. The ball continuously bounces up and down using CSS animation.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Bouncing Ball Game</title>
  <style>
    #game {
      width: 100%;
      height: 400px;
      position: relative;
      border: 2px solid black;
      overflow: hidden;
    }
    #ball {
      width: 50px;
      height: 50px;
      position: absolute;
      border-radius: 50%;
      background-color: red;
      animation-name: bounce;
      animation-duration: 1s;
      animation-iteration-count: infinite;
    }
    @keyframes bounce {
      0% {
        top: 0;
      }
      50% {
        top: calc(100% - 50px);
      }
      100% {
        top: 0;
      }
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="ball"></div>
  </div>
 
  <script>
    const ball = document.getElementById('ball');
    const game = document.getElementById('game');
    let month = 1;
    
    game.addEventListener('click', function() {
      if (month <= 5) {
        month++;
      } else {
        alert('DVD screen');
        month = 1;
      }
    });
    
    ball.addEventListener('animationiteration', function() {
      if (month > 5) {
        ball.style.animationDuration = '0.5s';
      }
    });
  </script>
</body>
</html>
```