A game where some cubes try to touch you and you prevent it by clicking them's game

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

No:39122

←

Prev Next

→

A game where some cubes try to touch you and you p..ALL
Developer User17523｜Date and time 24/1/26 22:31:13
Build time 17.712 sec｜Game capacity 3.434KB｜

Script

Sure! Here's an example of a simple game where cubes move towards the player, and the player's objective is to click on them to prevent them from reaching they player.

The provided code creates an HTML game where cubes are generated at random positions from the top of the screen and move downwards. The player needs to click on the cubes to prevent them from reaching the bottom of the screen. The score is displayed in real-time, and after 20 seconds, the game ends, showing the final score. Note: This code is a basic example and can be enhanced with additional features, animations, levels, and more. Feel free to modify and improve upon it as needed.

←

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 where cubes move towards the player, and the player's objective is to click on them to prevent them from reaching they player.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Cube Clicker Game</title>
    <style>
      #game-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

.cube {
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: red;
        top: -40px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game-container"></div>

// Create a new cube and add it to the game container
        function createCube() {
          if (!gameOver) {
            const cube = document.createElement('div');
            cube.className = 'cube';
            cube.style.left = Math.random() * (gameContainer.offsetWidth - 40) + 'px';
            cube.addEventListener('click', onCubeClick);
            gameContainer.appendChild(cube);

// Move the cube vertically
            const moveInterval = setInterval(function () {
              if (cube.offsetTop >= gameContainer.offsetHeight) {
                gameContainer.removeChild(cube);
                clearInterval(moveInterval);
                if (!gameOver) {
                  createCube();
                }
              } else {
                cube.style.top = cube.offsetTop + 5 + 'px';
              }
            }, 20);
          }
        }

// Event listener for cube click
        function onCubeClick() {
          if (!gameOver) {
            this.style.backgroundColor = 'green';
            this.removeEventListener('click', onCubeClick);
            score++;
            updateScore();
          }
        }

// Update the score
        function updateScore() {
          document.getElementById('score').textContent = 'Score: ' + score;
        }

// Start the game when the player clicks anywhere on the game container
        gameContainer.addEventListener('click', function () {
          if (!gameOver) {
            createCube();
          }
        });

// Game over function
        function gameOverFunc() {
          gameOver = true;
          const message = document.createElement('div');
          message.textContent = 'Game Over! Your score: ' + score;
          message.style.color = 'white';
          message.style.fontSize = '24px';
          message.style.textAlign = 'center';
          gameContainer.appendChild(message);
        }

// Start the game
        createCube();

// Game duration: 20 seconds
        setTimeout(gameOverFunc, 20000);
      });
    </script>
  </body>
</html>
```

Note: This code is a basic example and can be enhanced with additional features, animations, levels, and more. Feel free to modify and improve upon it as needed.