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

No:26158

←

Prev Next

→

Building brick game
Developer User12889｜Date and time 23/11/27 13:00:58
Build time 38.601 sec｜Game capacity 1.849KB｜

Script

Sure! Here's an example of a building brick game built using HTML and JavaScript:

Building Brick Game

This game creates a board consisting of 10 orange bricks. When you click on a brick, it moves to the right by 60 pixels. Once a brick reaches the rightmost edge of the board, it turns green and cannot be clicked anymore. Please note that this is a simple example and can be further customized and expanded based on your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a building brick game built using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Building Brick Game</title>
  <style>
    #board {
      width: 300px;
      height: 100;
      border: 5px solid green;
      position: relative;
    }
    
    .brick {
      width: 50px;
      height: 35px;
      background-color:brown;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Building Brick Game</h1>
  <div id="board"></div>
  <script>
    // Create the bricks
    let bricks = [];
    for (let i = 0; i < 10; i++) {
      let brick = document.createElement('div');
      brick.classList.add('brick');
      brick.style.left = i * 60 + 'px';
      document.getElementById('board').appendChild(brick);
      bricks.push(brick);
    }
    
    // Move the bricks on swipe
    let board = document.getElementById('board');
    board.addEventListener('click', function(event) {
      let target = event.target;
      if (target.classList.contains('brick')) {
        let currentLeft = parseInt(target.style.left);
        let newLeft = currentLeft + 60;
        target.style.left = newLeft + 'px';
        
        // Check if the brick is at the edge
        if (newLeft >= board.clientWidth - target.clientWidth) {
          target.style.backgroundColor = 'green';
          target.removeEventListener('click', arguments.callee);
        }
      }
    });
  </script>
</body>
</html>
```

Please note that this is a simple example and can be further customized and expanded based on your specific requirements.