Random face gen, create a 3d looking face using mutiple 100s of 2d triangles when red button is pressed's game

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

No:22737

←

Prev Next

→

Random face gen, create a 3d looking face using mu..ALL
Developer User10477｜Date and time 23/10/24 13:25:46
Build time 37.994 sec｜Game capacity 2.323KB｜

Script

Sure! Here's an example of a single HTML file that creates a random 3D-looking face using multiple 2D triangles.

When you open this HTML file in a web browser, you will see a canvas with a "Generate Face" button. Each time you click the button, a random 3D-looking face will be generated using multiple randomly colored triangles. Please note that this is a basic example and the resulting face may not look visually appealing. You can modify the code to enhance the face generation algorithm further.

←

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 that creates a random 3D-looking face using multiple 2D triangles.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Random Face Generator</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
    button {
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  <button onclick="generateFace()">Generate Face</button>

// Function to generate random RGB color
    function getRandomColor() {
      var r = getRandomInt(0, 255);
      var g = getRandomInt(0, 255);
      var b = getRandomInt(0, 255);
      return "rgb(" + r + "," + g + "," + b + ")";
    }

// Function to generate the random face
    function generateFace() {
      var canvas = document.getElementById("canvas");
      var context = canvas.getContext("2d");

// Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Generate face
      for (var i = 0; i < 100; i++) {
        var color = getRandomColor();
        var x1 = getRandomInt(0, canvas.width);
        var y1 = getRandomInt(0, canvas.height);
        var x2 = getRandomInt(0, canvas.width);
        var y2 = getRandomInt(0, canvas.height);
        var x3 = getRandomInt(0, canvas.width);
        var y3 = getRandomInt(0, canvas.height);

// Draw triangle
        context.beginPath();
        context.moveTo(x1, y1);
        context.lineTo(x2, y2);
        context.lineTo(x3, y3);
        context.closePath();

// Fill triangle with random color
        context.fillStyle = color;
        context.fill();
      }
    }
    
    // Initial face generation
    generateFace();
  </script>
</body>
</html>
```

Please note that this is a basic example and the resulting face may not look visually appealing. You can modify the code to enhance the face generation algorithm further.