gkjohnson · TheBlek · Oct 16, 2025 · Oct 16, 2025 · Oct 16, 2025 · Oct 18, 2025
diff --git a/example/webgpu_primitives.html b/example/webgpu_primitives.html
@@ -0,0 +1,41 @@
+<html>
+	<head>
+		<title>Basic Primitives Path Tracing Example</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+
+		<style>
+			html, body {
+				margin: 0;
+				padding: 0;
+				background-color: #eee;
+			}
+
+			#info {
+				position: absolute;
+				bottom: 0;
+				left: 0;
+				font-family: 'Courier New', Courier, monospace;
+				color: white;
+				pointer-events: none;
+			}
+
+			#samples, #credits {
+
+				opacity: 0.5;
+				background-color: rgba( 0.0, 0.0, 0.0, 0.5 );
+				padding: 5px;
+				display: inline-block;
+
+			}
+		</style>
+
+	</head>
+	<body>
+		<div id="info">
+			<div>
+				<div id="samples">--</div>
+			</div>
+		</div>
+		<script src="./webgpu_primitives.js" type="module"></script>
+	</body>
+</html>
diff --git a/example/webgpu_primitives.js b/example/webgpu_primitives.js
@@ -0,0 +1,111 @@
+import { Scene, SphereGeometry, MeshStandardMaterial, Mesh, BoxGeometry, PerspectiveCamera, ACESFilmicToneMapping, WebGPURenderer } from 'three/webgpu';
+import { WebGPUPathTracer, GradientEquirectTexture } from '../src/index.js';
+import { getScaledSettings } from './utils/getScaledSettings.js';
+import GUI from 'three/examples/jsm/libs/lil-gui.module.min.js';
+
+const options = {
+	useMegakernel: true,
+};
+
+// init scene, renderer, camera, controls, etc
+const scene = new Scene();
+const sphereGeom = new SphereGeometry( 0.49, 64, 32 );
+const ball1 = new Mesh(
+	sphereGeom,
+	new MeshStandardMaterial( {
+		color: '#e91e63',
+		roughness: 0.25,
+		metalness: 1,
+	} )
+);
+const ball2 = new Mesh(
+	sphereGeom,
+	new MeshStandardMaterial( {
+		color: '#ff9800',
+		roughness: 0.1,
+		metalness: 1,
+	} )
+);
+const ball3 = new Mesh(
+	sphereGeom,
+	new MeshStandardMaterial( {
+		color: '#2196f3',
+		roughness: 0.2,
+		metalness: 1,
+	} )
+);
+const ground = new Mesh(
+	new BoxGeometry( 3.5, 0.1, 1.5 ),
+	new MeshStandardMaterial( { color: '#f0f0f0' } ),
+);
+
+ball1.position.x = - 1;
+ball3.position.x = 1;
+ground.position.y = - 0.54;
+scene.add( ball1, ball2, ball3, ground );
+
+// set the environment map
+const texture = new GradientEquirectTexture();
+texture.bottomColor.set( 0xffffff );
+texture.bottomColor.set( 0x666666 );
+texture.update();
+scene.environment = texture;
+scene.background = texture;
+
+const camera = new PerspectiveCamera();
+camera.position.set( 0, 1, - 5 );
+camera.lookAt( 0, 0, 0 );
+
+const renderer = new WebGPURenderer( { antialias: true } );
+renderer.toneMapping = ACESFilmicToneMapping;
+document.body.appendChild( renderer.domElement );
+renderer.setDrawingBufferSize( 1920, 1080, 1 );
+
+const settings = getScaledSettings();
+const pathTracer = new WebGPUPathTracer( renderer );
+pathTracer.renderScale = settings.renderScale;
+pathTracer.tiles.setScalar( settings.tiles );
+pathTracer.setScene( scene, camera );
+
+const gui = new GUI();
+
+gui.add( options, 'useMegakernel' ).onChange( () => {
+
+	pathTracer.useMegakernel( options.useMegakernel );
+
+} );
+
+
+onResize();
+
+animate();
+
+window.addEventListener( 'resize', onResize );
+
+function animate() {
+
+	// if the camera position changes call "ptRenderer.reset()"
+	requestAnimationFrame( animate );
+
+	// update the camera and render one sample
+	pathTracer.renderSample();
+
+}
+
+function onResize() {
+
+	return;
+	// update rendering resolution
+	const w = window.innerWidth;
+	const h = window.innerHeight;
+
+	renderer.setSize( w, h );
+	renderer.setPixelRatio( window.devicePixelRatio );
+
+	const aspect = w / h;
+	camera.aspect = aspect;
+	camera.updateProjectionMatrix();
+
+	pathTracer.setScene( scene, camera );
+
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -46,7 +46,7 @@
     "rollup": "^2.70.0",
     "simple-git": "^3.10.0",
     "three": "^0.181.1",
-    "three-mesh-bvh": "^0.7.4",
+    "three-mesh-bvh": "^0.9.2",
     "typescript": "^5.9.2",
     "vite": "^6.2.2",
     "yargs": "^17.5.1"

diff --git a/src/index.js b/src/index.js
@@ -22,3 +22,6 @@ export * from './materials/surface/FogVolumeMaterial.js';
 // deprecated
 export * from './materials/pathtracing/PhysicalPathTracingMaterial.js';
 export * from './core/PathTracingRenderer.js';
+
+// webgpu
+export * from './webgpu/WebGPUPathTracer.js';