add ee material example

resources.json

@@ -76,6 +76,13 @@
     ],
     "dependencies": []
   },
+  "assets/GLTF/double-mat-test.glb": {
+    "type": "file",
+    "tags": [
+      "Model"
+    ],
+    "dependencies": []
+  },
   "assets/GLTF/Duck/.ds_store": {
     "type": "file",
     "tags": [
@@ -279,15 +286,8 @@
     ],
     "dependencies": []
   },
-  "assets/GLTF/lightmap_test.glb": {
-    "type": "asset",
-    "tags": [
-      "Model"
-    ],
-    "dependencies": []
-  },
   "assets/GLTF/lightmaptest.glb": {
-    "type": "file",
+    "type": "asset",
     "tags": [
       "Model"
     ],

src/examples/GLTFs.tsx

@@ -151,6 +151,12 @@ export const gltfRoutes = [
     name: 'MOZ_lightmap',
     description: 'Mozilla Lightmap Extension',
     entry: () => <GLTFViewer src={fileServer + '/projects/ee-development-test-suite/assets/GLTF/lightmaptest.glb'} light />
+  },
+  {
+    name: 'EE_material',
+    description: 'Ethereal Engine Material Extension',
+    /** @todo currently relies on eepro advanced materials project - replace asset with one that has base custom material */
+    entry: () => <GLTFViewer src={fileServer + '/projects/ee-development-test-suite/assets/GLTF/double-mat-test.glb'} light />
   }
 ] as RouteData[]
 

src/examplesRoute.tsx

@@ -10,6 +10,7 @@ import ImmersiveVR from './examples/immersiveVR'
 import MultipleScenesEntry from './examples/multipleScenes'
 import Routes, { RouteCategories } from './sceneRoute'
 import { gltfRoutes } from './examples/GLTFs'
+import { useEngineInjection } from '@etherealengine/client-core/src/components/World/EngineHooks'
 
 export const examples: RouteCategories = [
   {
@@ -74,6 +75,8 @@ export const examples: RouteCategories = [
 ]
 
 const ExampleRoutes = () => {
+  const projectsLoaded = useEngineInjection()
+  if (!projectsLoaded) return <></>
   return <Routes routeCategories={examples} header="Examples" />
 }