如何使用three.js和jsclipper简化三角剖分的形状

var scene = new THREE.Scene();
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var geometry = new THREE.Geometry();
geometry.vertices.push(
  new THREE.Vector3(0, 0, 0),
  new THREE.Vector3(1, 0, 0),
  new THREE.Vector3(0, 1, 0)
);
geometry.faces.push(new THREE.Face3(0, 1, 2));
geometry.computeBoundingSphere();

var clipper = new ClipperLib.Clipper();
var subject = [
  [
    { X: 0, Y: 0 },
    { X: 1, Y: 0 },
    { X: 0, Y: 1 }
  ]
];
var solution = new ClipperLib.Paths();
clipper.AddPaths(subject, ClipperLib.PolyType.ptSubject, true);
clipper.Execute(
  ClipperLib.ClipType.ctUnion,
  solution,
  ClipperLib.PolyFillType.pftNonZero,
  ClipperLib.PolyFillType.pftNonZero
);

var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
renderer.render(scene, camera);