front/src/components/Promo/env.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, watch } from 'vue';
 
-import { ACESFilmicToneMapping, Color, EquirectangularReflectionMapping, ReinhardToneMapping, SRGBColorSpace } from 'three';
+import { ACESFilmicToneMapping, Color, EquirectangularReflectionMapping, PMREMGenerator, ReinhardToneMapping, SRGBColorSpace } from 'three';
 import { GainMapLoader } from '@monogrid/gainmap-js'
 import { useTresContext } from '@tresjs/core';
 
@@ -25,8 +25,14 @@ const loadEnv = async () => {
         props.hdr_gainmap || hdr_gainmap,
         props.hdr_json || hdr_json,
     ])
+    const pmremGenerator = new PMREMGenerator(renderer.value);
+    pmremGenerator.compileEquirectangularShader();
 
-    scene.value.environment = result.renderTarget.texture
+    const exrCubeRenderTarget = pmremGenerator.fromEquirectangular(result.renderTarget.texture);
+    // const exrBackground = exrCubeRenderTarget.texture;
+    const newEnvMap = exrCubeRenderTarget ? exrCubeRenderTarget.texture : null;
+
+    scene.value.environment = newEnvMap
     scene.value.environmentIntensity = 2.5
 
     // scene.value.background = result.renderTarget.texture

front/src/components/Promo/main.vue

@@ -65,7 +65,6 @@ watch(() => route.params.target, () => {
                 <Suspense>
                     <LoadModels :source="source" :loaded="set_model_load_status" :loaded_pan="loadedPan" />
                 </Suspense>
-                <TresAmbientLight />
             </TresCanvas>
             <div class="homelink">
                 <a href="#" @click.prevent="sidebar.open" v-if="!sidebar.is_open">