Tap the green block in the middle of the screen and it makes random blocks across the screen.'s game

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

No:33964

←

Prev Next

→

Tap the green block in the middle of the screen an..ALL
Developer User15955｜Date and time 24/1/7 7:28:12
Build time 15.955 sec｜Game capacity 2.122KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript. The game involves tapping a green block in the middle of the screen, and it generates random blocks across the screen. The blocks will disappear when tapped.

To run the game, you can save the code into a file with a `.html` extension, and then open the file with a web browser on your smartphone. When you tap the green block in the middle of the screen, random red blocks will appear across the screen. Each generated block can be tapped to make it disappear.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tap and Generate Blocks Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }
    #green-block {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100px;
      height: 100px;
      background-color: green;
    }
    .random-block {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: red;
      border-radius: 50%;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="green-block"></div>
  </div>

greenBlock.addEventListener('click', generateRandomBlock);

function getRandomPosition() {
        return Math.floor(Math.random() * (gameContainer.offsetWidth - 50));
      }

function removeBlock() {
        this.parentElement.removeChild(this);
      }
    });
  </script>
</body>
</html>
```