Examples: Implemented simpler floor clipping technique in xr examples.

mrdoob · Apr 27, 2023 · 0f81064 · 0f81064
1 parent ef03bdc
commit 0f81064
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/examples/webxr_xr_dragging.html b/examples/webxr_xr_dragging.html
@@ -65,11 +65,10 @@
 				controls.update();
 
 				const floorGeometry = new THREE.PlaneGeometry( 6, 6 );
-				const floorMaterial = new THREE.ShadowMaterial( { opacity: 0.25 } );
+				const floorMaterial = new THREE.ShadowMaterial( { opacity: 0.25, blending: THREE.CustomBlending, transparent: false } );
 				const floor = new THREE.Mesh( floorGeometry, floorMaterial );
 				floor.rotation.x = - Math.PI / 2;
 				floor.receiveShadow = true;
-				floor.renderOrder = 2;
 				scene.add( floor );
 
 				scene.add( new THREE.HemisphereLight( 0x808080, 0x606060 ) );
@@ -134,11 +133,6 @@
 
 				document.body.appendChild( XRButton.createButton( renderer ) );
 
-				// clipping
-
-				const floorClipping = new THREE.Plane( new THREE.Vector3( 0, 1, 0 ) );
-				renderer.clippingPlanes = [ floorClipping ];
-
 				// controllers
 
 				controller1 = renderer.xr.getController( 0 );

diff --git a/examples/webxr_xr_haptics.html b/examples/webxr_xr_haptics.html
@@ -92,7 +92,7 @@
 				controls.update();
 
 				const floorGeometry = new THREE.PlaneGeometry( 4, 4 );
-				const floorMaterial = new THREE.ShadowMaterial( { opacity: 0.25 } );
+				const floorMaterial = new THREE.ShadowMaterial( { opacity: 0.25, blending: THREE.CustomBlending, transparent: false } );
 				const floor = new THREE.Mesh( floorGeometry, floorMaterial );
 				floor.rotation.x = - Math.PI / 2;
 				floor.receiveShadow = true;