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

No:37860

Tetris shape maker, generator, "colors", "shape", ..ALL
Developer User17064｜Date and time 24/1/21 18:30:12
Build time 8.368 sec｜Game capacity 2.226KB｜

Script

Sure! Here's an example of a single HTML file containing a simple Tetris shape generator game using JavaScript:

Tetris Shape Maker

This HTML file contains a game area div, where the shapes will be displayed, and a "RANDOMIZE!" button to generate a random shape with a random color. The `generateShape()` function randomly selects shapes from an array, and the `createShape()` function creates a colored shape div using the provided color and shape. The `randomize()` function is triggered when the button is clicked, and it generates a random color and shape, and displays the colored shape in the game area. You can try running this HTML code in a web browser to play the game. Each time you click the "RANDOMIZE!" button, a new colored shape will be generated in the game area.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's an example of a single HTML file containing a simple Tetris shape generator game using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tetris Shape Maker</title>
  <style>
    #game-area {
      width: 200px;
      height: 400px;
      border: 2px solid black;
    }
  </style>
</head>
<body>
  <h1>Tetris Shape Maker</h1>
  <div id="game-area"></div>
  
  <script>
    // Tetris shape generator
    var shapes = ["I", "J", "L", "O", "S", "T", "Z"];
    
    function generateShape() {
      var randomShape = shapes[Math.floor(Math.random() * shapes.length)];
      return randomShape;
    }
    
    // Function to create a colored shape
    function createShape(color, shape) {
      var shapeDiv = document.createElement("div");
      shapeDiv.style.width = "50px";
      shapeDiv.style.height = "50px";
      shapeDiv.style.backgroundColor = color;
      
      var shapeText = document.createTextNode(shape);
      shapeDiv.appendChild(shapeText);
      
      return shapeDiv;
    }
    
    // Function to randomize color and shape
    function randomize() {
      var gameArea = document.getElementById("game-area");
      gameArea.innerHTML = "";
      
      var randomColor = "#" + Math.floor(Math.random() * 16777215).toString(16);
      var shape = generateShape();
      
      var coloredShape = createShape(randomColor, shape);
      gameArea.appendChild(coloredShape);
    }
    
    // Initial randomization when the page loads
    randomize();
  </script>
  
  <button onclick="randomize()">RANDOMIZE!</button>
</body>
</html>
```

You can try running this HTML code in a web browser to play the game. Each time you click the "RANDOMIZE!" button, a new colored shape will be generated in the game area.