Add object scene

src/gltf-component-mappings.js

@@ -72,3 +72,9 @@ AFRAME.GLTFModelPlus.registerComponent("nav-mesh", "nav-mesh", (el, _componentNa
   // nav-mesh-helper will query for it later.
   el.setAttribute("nav-mesh");
 });
+
+AFRAME.GLTFModelPlus.registerComponent("networked", "networked", (el, componentName, componentData) => {
+  // Mark this to act as a "full sync" from the GLTF scene itself, to avoid taking ownership.
+  el.firstUpdateData = componentData;
+  el.setAttribute(componentName, componentData);
+});

src/hub.html

@@ -458,7 +458,12 @@
             nav-mesh-helper
             static-body="shape: none;"
         >
-            <a-entity id="environment-scene"/>
+            <a-entity id="environment-scene"></a-entity>
+        </a-entity>
+
+        <!-- Objects -->
+        <a-entity id="objects-root">
+            <a-entity id="objects-scene"></a-entity>
         </a-entity>
 
         <a-entity

src/hub.js

@@ -243,6 +243,12 @@ async function handleHubChannelJoined(entryManager, hubChannel, data) {
 
   console.log(`Scene URL: ${sceneUrl}`);
   const environmentScene = document.querySelector("#environment-scene");
+  const objectsScene = document.querySelector("#objects-scene");
+  const objectsUrl =
+    "https://farspark-dev.reticulum.io/0/raw/0/0/0/0/aHR0cHM6Ly91cGxvYWRzLWRldi5yZXRpY3VsdW0uaW8vZmlsZXMvMDAxODQ0NmEtY2NjMi00ODczLTkwMDItM2VkZmI4NzEzZTRmLmdsdGY_dG9rZW49MjVmOTVkMjhkODY1NzJhMjRhOTI4ZjJiNDExZTQ1YWE";
+  const objectsEl = document.createElement("a-entity");
+  objectsEl.setAttribute("gltf-model-plus", { src: objectsUrl, useCache: false, inflate: true });
+  objectsScene.appendChild(objectsEl);
 
   if (glbAsset || hasExtension) {
     const gltfEl = document.createElement("a-entity");