gkjohnson · gkjohnson · Oct 18, 2023 · Oct 20, 2023 · Jan 3, 2024 · Jan 3, 2024
diff --git a/examples/triangleGraphSplit.html b/examples/triangleGraphSplit.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>three-bvh-csg - test</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+
+    <style type="text/css">
+        html, body {
+            padding: 0;
+            margin: 0;
+            overflow: hidden;
+			font-family: monospace;
+        }
+
+        canvas {
+            width: 100%;
+            height: 100%;
+        }
+
+		#output {
+			color: #956b00;
+			position: absolute;
+			left: 10px;
+			bottom: 10px;
+			white-space: pre;
+		}
+
+		#loading-container {
+			position: fixed;
+			bottom: 0;
+			width: 100%;
+			visibility: hidden;
+		}
+
+		#loading-container .text {
+			color: #956b00;
+			text-align: center;
+		}
+
+		#loading-container .bar {
+			height: 5px;
+			background: #956b00;
+			width: 50%;
+		}
+
+    </style>
+</head>
+<body>
+	<div id="output"></div>
+    <script type="module" src="./triangleGraphSplit.js"></script>
+</body>
+</html>
diff --git a/examples/triangleGraphSplit.js b/examples/triangleGraphSplit.js
@@ -0,0 +1,136 @@
+import * as THREE from 'three';
+import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+import { EdgesHelper, PointsHelper, TriangleSetHelper } from '../src/index.js';
+import { TriangleGraph } from '../src/core/splitter/TriangleGraph.js';
+
+let renderer, camera, scene;
+let controls, transformControls;
+let planeObject, planeHelper;
+let splitter, clippedTris, initialTris, pointsHelper, edgesHelper;
+let plane = new THREE.Plane();
+let _vec = new THREE.Vector3();
+
+const ogTris = [
+	new THREE.Triangle(
+		new THREE.Vector3( - 0.25, 1.25, 0.25 ),
+		new THREE.Vector3( - 0.25, 0.25, 0.25 ),
+		new THREE.Vector3( - 1.25, 1.25, 0.25 ),
+	)
+];
+
+const tris = [
+	// new THREE.Triangle(
+	// 	new THREE.Vector3( - 0.5, 0.5, - 0.5 ),
+	// 	new THREE.Vector3( - 0.5, - 0.5, - 0.5 ),
+	// 	new THREE.Vector3( - 0.5, 0.5, 0.5 ),
+	// ),
+	new THREE.Triangle(
+		new THREE.Vector3( - 0.5, 0.5, - 0.5 ),
+		new THREE.Vector3( - 0.5, 0.5, 0.5 ),
+		new THREE.Vector3( 0.5, 0.5, - 0.5 ),
+	),
+	// new THREE.Triangle(
+	// 	new THREE.Vector3( -0.5, 0.5, 0.5 ),
+	// 	new THREE.Vector3( 0.5, 0.5, 0.5 ),
+	// 	new THREE.Vector3( 0.5, 0.5, -0.5 ),
+	// ),
+];
+
+init();
+render();
+
+function init() {
+
+	const bgColor = 0x111111;
+
+	// renderer setup
+	renderer = new THREE.WebGLRenderer( { antialias: true } );
+	renderer.setPixelRatio( window.devicePixelRatio );
+	renderer.setSize( window.innerWidth, window.innerHeight );
+	renderer.setClearColor( bgColor, 1 );
+	document.body.appendChild( renderer.domElement );
+
+	// scene setup
+	scene = new THREE.Scene();
+	scene.fog = new THREE.Fog( 0xffca28, 20, 60 );
+
+	const light = new THREE.DirectionalLight( 0xffffff, 3.5 );
+	light.position.set( - 1, 2, 3 );
+	scene.add( light );
+	scene.add( new THREE.AmbientLight( 0xb0bec5, 0.35 ) );
+
+	// camera setup
+	camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 50 );
+	camera.position.set( 1, 2, 4 );
+	camera.far = 100;
+	camera.updateProjectionMatrix();
+
+	controls = new OrbitControls( camera, renderer.domElement );
+
+	transformControls = new TransformControls( camera, renderer.domElement );
+	transformControls.addEventListener( 'dragging-changed', e => {
+
+		controls.enabled = ! e.value;
+
+	} );
+	scene.add( transformControls );
+
+	planeObject = new THREE.Object3D();
+	transformControls.attach( planeObject );
+	scene.add( planeObject );
+	planeObject.position.z = 0.5;
+	planeObject.rotation.y = Math.PI / 2;
+
+	planeHelper = new THREE.PlaneHelper( plane );
+	scene.add( planeHelper );
+
+	initialTris = new TriangleSetHelper();
+	clippedTris = new TriangleSetHelper();
+	pointsHelper = new PointsHelper();
+	edgesHelper = new EdgesHelper();
+
+	splitter = new TriangleGraph();
+
+	scene.add( initialTris, clippedTris, pointsHelper, edgesHelper );
+
+	window.addEventListener( 'resize', function () {
+
+		camera.aspect = window.innerWidth / window.innerHeight;
+		camera.updateProjectionMatrix();
+
+		renderer.setSize( window.innerWidth, window.innerHeight );
+
+	}, false );
+
+}
+
+function render() {
+
+	requestAnimationFrame( render );
+
+	_vec.set( 0, 0, 1 ).transformDirection( planeObject.matrixWorld );
+	plane.setFromNormalAndCoplanarPoint( _vec, planeObject.position );
+
+	splitter.initialize( ogTris[ 0 ] );
+	tris.forEach( t => {
+
+		splitter.splitByTriangle( t );
+
+	} );
+
+	planeHelper.visible = false;
+	transformControls.visible = false;
+	transformControls.enabled = false;
+
+	pointsHelper.setPoints( splitter.graph.points );
+	edgesHelper.setEdges( splitter.graph.edges );
+
+	clippedTris.setTriangles( ogTris );
+	initialTris.setTriangles( tris );
+	// clippedTris.setTriangles( splitter.triangles );
+	// initialTris.setTriangles( [ ...ogTris, ...tris ] );
+
+	renderer.render( scene, camera );
+
+}