bug fixes

Author: HexaField

devtool/EmulatorDevtools.tsx

@@ -43,16 +43,31 @@ export const EmulatorDevtools = () => {
     }
   }
 
+  const togglePlacement = () => {
+    if (xrState.scenePlacementMode.value !== 'placing') {
+      xrState.scenePlacementMode.set('placing')
+      xrState.sceneScaleAutoMode.set(false)
+      xrState.sceneScaleTarget.set(0.1)
+    } else {
+      xrState.scenePlacementMode.set('placed')
+    }
+  }
+
   return (
     <>
       <style type="text/css">{devtoolCSS.toString()}</style>
       <div
         id="devtools"
         className="flex flex-no-wrap flex-col h-full overflow-hidden m-0 bg-gray-900 text-gray-900 text-xs select-none h-full overflow-hidden"
       >
-        <Button className="my-1 ml-auto mr-6 px-10" onClick={toggleXR} disabled={xrState.requestingSession.value}>
-          {xrActive ? 'Exit XR' : 'Enter XR'}
-        </Button>
+        <div className="flex flex-no-wrap flex-row h-10 bg-gray-800 text-gray-900 text-xs select-none">
+          <Button className="my-1 ml-auto mr-6 px-10" onClick={toggleXR} disabled={xrState.requestingSession.value}>
+            {xrActive ? 'Exit XR' : 'Enter XR'}
+          </Button>
+          <Button className="my-1 ml-auto mr-6 px-10" onClick={togglePlacement} disabled={!xrActive}>
+            Place Scene
+          </Button>
+        </div>
         {deviceState.value && <Devtool device={deviceState.value} />}
       </div>
     </>

webxr-emulator/CustomWebXRPolyfill.js

@@ -92,6 +92,8 @@ export class CustomWebXRPolyfill extends WebXRPolyfill {
 					if (mode === 'immersive-vr' || mode === 'immersive-ar') {
 						activeImmersiveSession = session;
 
+						session.interactionMode = 'world-space'
+
 						// DOM-Overlay API
 						const optionalFeatures = enabledFeatures.optionalFeatures;
 						const domOverlay = enabledFeatures.domOverlay;

webxr-emulator/EmulatedXRDevice.js

@@ -964,7 +964,6 @@ export default class EmulatedXRDevice extends XRDevice {
 		WebXREventDispatcher.instance.addEventListener(
 			POLYFILL_ACTIONS.HEADSET_POSE_CHANGE,
 			(event) => {
-				console.log('HEADSET_POSE_CHANGE', event.detail);
 				const positionArray = event.detail.position;
 				const quaternionArray = event.detail.quaternion;
 				this._updatePose(positionArray, quaternionArray);

webxr-emulator/api/XRHitTestSource.js

@@ -5,9 +5,9 @@ import XRRay from './XRRay';
 export default class XRHitTestSource {
   constructor(session, options) {
     // @TODO: Support options.entityTypes and options.offsetRay
-    if (options.entityTypes && options.entityTypes.length > 0) {
-      throw new Error('XRHitTestSource does not support entityTypes option yet.');
-    }
+    // if (options.entityTypes && options.entityTypes.length > 0) {
+    //   throw new Error('XRHitTestSource does not support entityTypes option yet.');
+    // }
     this[PRIVATE] = {
       session,
       space: options.space,