@needle-tools/engine 2.38.0-pre → 2.38.0-pre.2

package/src/include/three/EXT_mesh_gpu_instancing_exporter.js

@@ -0,0 +1,67 @@
+/**
+ * Mesh GPU Instancing extension
+ *
+ * Specification: https://github.com/KhronosGroup/glTF/blob/main/extensions/2.0/Vendor/EXT_mesh_gpu_instancing
+ */
+
+ import {
+	BufferAttribute,
+	Matrix4,
+	Vector3,
+	Quaternion,
+} from 'three';
+
+export default class GLTFMeshGPUInstancingExtension {
+
+	constructor( writer ) {
+
+		this.writer = writer;
+		this.name = 'EXT_mesh_gpu_instancing';
+
+	}
+
+	writeNode( node, nodeDef ) {
+
+		if(node.constructor.name !== "InstancedMesh") return;
+
+		const writer = this.writer;
+		const extensionsUsed = writer.extensionsUsed;
+		const extensionDef = {};
+		
+		nodeDef.extensions = nodeDef.extensions || {};
+		nodeDef.extensions[ this.name ] = extensionDef;
+
+		let mat = new Matrix4();
+		const pos0 = new Array();
+		const rot0 = new Array();
+		const scl0 = new Array();
+
+		for(let i = 0; i < node.count; i++)
+		{
+			node.getMatrixAt(i, mat);
+			
+			let p = new Vector3();
+			let r = new Quaternion();
+			let s = new Vector3();
+
+			mat.decompose(p,r,s);
+			
+			pos0.push(p.x,p.y,p.z);
+			rot0.push(r.x,r.y,r.z,r.w);
+			scl0.push(s.x,s.y,s.z);
+		};
+
+		const pos = new Float32Array(pos0);
+		const rot = new Float32Array(rot0);
+		const scl = new Float32Array(scl0);
+
+		extensionDef.attributes = {
+			"TRANSLATION" : writer.processAccessor( new BufferAttribute( pos, 3 ) ),
+			"ROTATION" : writer.processAccessor( new BufferAttribute( rot, 4 ) ),
+			"SCALE" : writer.processAccessor( new BufferAttribute( scl, 3 ) ),
+		};
+
+		extensionsUsed[ this.name ] = true;
+
+	}
+}

package/src/include/three/VRButton.js

@@ -0,0 +1,196 @@
+class VRButton {
+
+	static createButton( renderer, options ) {
+
+		if ( options ) {
+
+			console.error( 'THREE.VRButton: The "options" parameter has been removed. Please set the reference space type via renderer.xr.setReferenceSpaceType() instead.' );
+
+		}
+
+		const button = document.createElement( 'button' );
+
+		function showEnterVR( /*device*/ ) {
+
+			let currentSession = null;
+
+			async function onSessionStarted( session ) {
+
+				session.addEventListener( 'end', onSessionEnded );
+
+                // console.log("Session started, features: ",session)
+
+				await renderer.xr.setSession( session );
+				button.textContent = 'EXIT VR';
+
+				currentSession = session;
+
+			}
+
+			function onSessionEnded( /*event*/ ) {
+
+				currentSession.removeEventListener( 'end', onSessionEnded );
+
+				button.textContent = 'ENTER VR';
+
+				currentSession = null;
+
+			}
+
+			//
+
+			button.style.display = '';
+
+			button.style.cursor = 'pointer';
+			button.style.left = 'calc(50% - 50px)';
+			button.style.width = '100px';
+
+			button.textContent = 'ENTER VR';
+
+			button.onmouseenter = function () {
+
+				button.style.opacity = '1.0';
+
+			};
+
+			button.onmouseleave = function () {
+
+				button.style.opacity = '0.5';
+
+			};
+
+			button.onclick = function () {
+
+				if ( currentSession === null ) {
+
+					// WebXR's requestReferenceSpace only works if the corresponding feature
+					// was requested at session creation time. For simplicity, just ask for
+					// the interesting ones as optional features, but be aware that the
+					// requestReferenceSpace call will fail if it turns out to be unavailable.
+					// ('local' is always available for immersive sessions and doesn't need to
+					// be requested separately.)
+
+					const sessionInit = { optionalFeatures: [ 'local-floor', 'bounded-floor', 'hand-tracking', 'high-fixed-foveation-level', 'layers' ] };
+					navigator.xr.requestSession( 'immersive-vr', sessionInit ).then( onSessionStarted );
+
+				} else {
+
+					currentSession.end();
+
+				}
+
+			};
+
+		}
+
+		function disableButton() {
+
+			button.disabled = true;
+
+			button.style.display = '';
+
+			button.style.cursor = 'auto';
+			button.style.left = 'calc(50% - 75px)';
+			button.style.width = '150px';
+
+			button.onmouseenter = null;
+			button.onmouseleave = null;
+
+			button.onclick = null;
+
+		}
+
+		function showWebXRNotFound() {
+
+			disableButton();
+
+			button.textContent = 'VR NOT SUPPORTED';
+
+		}
+
+		function stylizeElement( element ) {
+
+			element.style.position = 'absolute';
+			element.style.bottom = '20px';
+			element.style.padding = '12px 6px';
+			element.style.border = '1px solid #fff';
+			element.style.borderRadius = '4px';
+			element.style.background = 'rgba(0,0,0,0.1)';
+			element.style.color = '#fff';
+			element.style.font = 'normal 13px sans-serif';
+			element.style.textAlign = 'center';
+			element.style.opacity = '0.5';
+			element.style.outline = 'none';
+			element.style.zIndex = '999';
+
+		}
+
+		if ( 'xr' in navigator ) {
+
+			button.id = 'VRButton';
+			button.style.display = 'none';
+
+			stylizeElement( button );
+
+			navigator.xr.isSessionSupported( 'immersive-vr' ).then( function ( supported ) {
+
+				supported ? showEnterVR() : showWebXRNotFound();
+
+				if(VRButton.xrSessionIsGranted){
+					console.log("XR session is granted - will enter immersive web now")
+					button.click();
+				}
+
+			} );
+
+			return button;
+
+		} else {
+
+			const message = document.createElement( 'a' );
+
+			if ( window.isSecureContext === false ) {
+
+				message.href = document.location.href.replace( /^http:/, 'https:' );
+				message.innerHTML = 'WEBXR NEEDS HTTPS'; // TODO Improve message
+
+			} else {
+
+				message.href = 'https://immersiveweb.dev/';
+				message.innerHTML = 'WEBXR NOT AVAILABLE';
+
+			}
+
+			message.style.left = 'calc(50% - 90px)';
+			message.style.width = '180px';
+			message.style.textDecoration = 'none';
+
+			stylizeElement( message );
+
+			return message;
+
+		}
+
+	}
+
+
+	static xrSessionIsGranted = false;
+
+	static registerSessionGrantedListener() {
+		if ('xr' in navigator) {
+			try {
+				navigator.xr.addEventListener('sessiongranted', () => {
+					console.log("Received session granted event");
+					VRButton.xrSessionIsGranted = true;
+				});
+			}
+			catch(error) {
+				console.error(error);
+			}
+		}
+	}
+}
+
+VRButton.registerSessionGrantedListener();
+
+export { VRButton };