How to hide the display of background HDR map, but save hdri's work for lighting in three.js?

Question

I repeat this example in my code:

https://threejs.org/examples/?q=RGBELoader#webgl_loader_gltf

Source: https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_gltf.html#L53

HDRI lighting works great. But i cant hide hdr map from background. Is there way to do this? To leave this hdri lightning and set a custom color for background.

I'm not sure i understand what you are trying to achieve here, you want that instead of seeing the passageway photo in the background you just want a solid color background? — Julien, May 11 '19 at 17:15

score 5 · Answer 1 · answered May 11 '19 at 17:41

Using the example you provided, and assuming you want to keep the reflections of the photo on the helmet but remove the photo from the background, all you have to do is remove (or comment out) the following line:

scene.background = cubeGenerator.renderTarget;

This will remove the photo from the background which will then display as the default color (black), as you can see from this screenshot:

How to hide the display of background HDR map, but save hdri's work for lighting in three.js?

1 Answers1