Random face gen, create a 3d looking realistic, mosaic 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:22738

←

Prev Next

→

Random face gen, create a 3d looking realistic, mo..ALL
Developer User10477｜Date and time 23/10/24 13:27:11
Build time 33.322 sec｜Game capacity 1.947KB｜

Script

Sure, here's an implementation of a simple game that generates a random 3D-looking face using multiple 2D triangles when a button is pressed. The face will be displayed in a canvas element on a single HTML page.

To play the game, simply open the HTML file in a web browser on your smartphone and press the "Generate Face" button to create a random 3D-looking face using hundreds of 2D triangles. The face will be displayed in a canvas element on the page. Each time you press the button, a new face will be generated with a unique color pattern.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

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

var numTriangles = 100;
      var triangleSize = 10;
      var color = getRandomColor();

for (var i = 0; i < numTriangles; i++) {
        var x1 = Math.random() * canvas.width;
        var y1 = Math.random() * canvas.height;
        var x2 = Math.random() * canvas.width;
        var y2 = Math.random() * canvas.height;
        var x3 = Math.random() * canvas.width;
        var y3 = Math.random() * canvas.height;

context.beginPath();
        context.moveTo(x1, y1);
        context.lineTo(x2, y2);
        context.lineTo(x3, y3);
        context.closePath();
        context.fillStyle = color;
        context.fill();
      }
    }

function getRandomColor() {
      var letters = "0123456789ABCDEF";
      var color = "#";
      for (var i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
      }
      return color;
    }
  </script>
</body>
</html>
```