AI game creator

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

No:27327

←

Prev Next

→

Terraria but tetris
Developer User13585｜Date and time 23/12/6 3:43:07
Build time 46.89 sec｜Game capacity 2.949KB｜

Script

Sure! Here's an example of a simplified version of "Terraria but Tetris" game implemented as a single HTML file using JavaScript:

This simple implementation provides a game board, where tetromino blocks of different colors fall down. When a row is complete, it is cleared, allowing the blocks above to move down. The game keeps running until the player finishes playing. Please note that this is a basic version, and you can expand it further based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simplified version of "Terraria but Tetris" game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Terraria but Tetris</title>
  <style>
    #game-board {
      width: 200px;
      height: 400px;
      background-color: #f0f0f0;
      position: relative;
    }
    
    .block {
      width: 40px;
      height: 40px;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>
  
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const gameBoard = document.getElementById('game-board');
      const blocks = [];
      const colors = ['red', 'blue', 'green', 'yellow'];
      
      let currentBlock;
      
      function createBlock() {
        const block = document.createElement('div');
        block.classList.add('block');
        block.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
        
        block.style.top = '0px';
        block.style.left = Math.floor(Math.random() * (gameBoard.offsetWidth - 40)) + 'px';
        
        gameBoard.appendChild(block);
        blocks.push(block);
        
        currentBlock = block;
      }
      
      function moveBlock() {
        const currentTop = parseInt(currentBlock.style.top);
        
        if (currentTop >= gameBoard.offsetHeight - 40) {
          checkRowComplete();
          createBlock();
        } else {
          currentBlock.style.top = currentTop + 40 + 'px';
        }
      }
      
      function checkRowComplete() {
        const rows = Array.from((gameBoard.offsetHeight - 40) / 40).keys();
        
        rows.forEach(function(row) {
          const rowBlocks = blocks.filter(function(block) {
            return block.style.top === row * 40 + 'px';
          });
          
          if (rowBlocks.length === gameBoard.offsetWidth / 40) {
            rowBlocks.forEach(function(block) {
              block.remove();
              blocks.splice(blocks.indexOf(block), 1);
            });
            
            moveBlocksDown(row * 40);
          }
        });
      }
      
      function moveBlocksDown(yPosition) {
        blocks.forEach(function(block) {
          const currentTop = parseInt(block.style.top);
          
          if (currentTop < yPosition) {
            block.style.top = currentTop + 40 + 'px';
          }
        });
      }
      
      function startGame() {
        createBlock();
        
        setInterval(moveBlock, 1000);
      }
      
      startGame();
    });
  </script>
</body>
</html>
```

Please note that this is a basic version, and you can expand it further based on your requirements and preferences.