KHR extensions on my app do not reflect the same results as with other glTF viewer apps

Vikms95 · January 3, 2023, 8:46am

Hi all. I’ve been tinkering with KHR extensions for a couple weeks. I attach the code regarding to extensions of my glTF/glb and the way it looks on both my app and the glTF viewer from VSCode.

Is there any reason I’m missing on why the glTF looks black? I still get the light reflection, so I guess extensions work just fine. The version of Three on my app is r148.

Thanks for the help in advance.

Mugen87 · January 3, 2023, 10:13am

Instead of adding a punctual light can you try it with an environment map instead? The usage of RoomEnvironment is also a good option for viewers. Below official examples demonstrate both approaches:

https://threejs.org/examples/#webgl_loader_gltf
https://threejs.org/examples/#webgl_loader_gltf_compressed

Vikms95 · January 3, 2023, 12:14pm

@Mugen87 environment map was what I was missing, thanks a lot! By RoomEnvironment do you mean Scene#environment property?

Mugen87 · January 3, 2023, 1:53pm

Yes. You can use RoomEnvironment in combination with PMREMGenerator to generate an environment for your scene.

donmccurdy · January 3, 2023, 3:12pm

Example here:

github.com

mrdoob/three.js/blob/03349e98aa1f57a97433c0a3f17697594fdc0997/examples/webgl_loader_gltf_compressed.html#L62-L67


      
          				const environment = new RoomEnvironment();
          				const pmremGenerator = new THREE.PMREMGenerator( renderer );
          
          
				scene = new THREE.Scene();
          				scene.background = new THREE.Color( 0xbbbbbb );
          				scene.environment = pmremGenerator.fromScene( environment ).texture;

Topic		Replies	Views
Placing an HDRI to get reflections on a GLTF model Questions environment-map , model-viewer	0	2183	March 21, 2021
Help with adding environment map for lighting? Questions textures , loaders , gltf-loader	1	1475	November 5, 2023
Unable to load model properly, unknown extension KHR Questions models , 3d-model	9	301	October 11, 2024
Envmap + no lights = dark scene Questions standard-material	2	2603	March 9, 2020
glTF: Assign an HDR environement map to glTF asset Questions gltf-format	6	4473	November 5, 2019

KHR extensions on my app do not reflect the same results as with other glTF viewer apps

Related topics