From 8b225910f2edcc62ac5a6113c35f755d582d13b4 Mon Sep 17 00:00:00 2001
From: Bouillaguet Quentin <git@desplandis.fr>
Date: Fri, 7 Feb 2025 15:05:54 +0100
Subject: [PATCH] fix(examples): add envmap for PBR materials in 3d tiles
 loader example

---
 examples/3dtiles_loader.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/examples/3dtiles_loader.html b/examples/3dtiles_loader.html
index ae12f18242..2fe621a9ce 100644
--- a/examples/3dtiles_loader.html
+++ b/examples/3dtiles_loader.html
@@ -57,8 +57,12 @@
         </script>
 
         <script type="module">
-            import { AmbientLight } from 'three';
+            import {
+                AmbientLight,
+                PMREMGenerator,
+            } from 'three';
             import { MeshoptDecoder } from 'three/addons/libs/meshopt_decoder.module.js';
+            import { RoomEnvironment } from 'three/addons/environments/RoomEnvironment.js';
             import {
                 zoomToLayer,
                 fillHTMLWithPickingInfo,
@@ -106,6 +110,13 @@
             const light = new AmbientLight(0x404040, 40);
             view.scene.add(light);
 
+            // Set the environment map for all physical materials in the scene.
+            // Otherwise, mesh with only diffuse colors will appear black.
+            const environment = new RoomEnvironment();
+            const pmremGenerator = new PMREMGenerator(view.renderer);
+            view.scene.environment = pmremGenerator.fromScene(environment).texture;
+            pmremGenerator.dispose();
+
             // Setup loading screen
             setupLoadingScreen(viewerDiv, view);