Trouble Rendering HDR Background in Three.js project

Questions
, ,
1

Hello!
I’m working on a project where I’m trying to switch up the background from a 3D model to an image in HDR format. I’m not quite getting the results I’d hoped for.
It’s dark and unrealistic.
I’d really appreciate it if you could take a look at the HDR file generation and the code implementation to see if there might be a little hiccup somewhere.
I would really appreciate your help.

1
11920×1046 173 KB

2
21920×1023 91.5 KB

3
31920×1122 136 KB

2

After loading the HDR, do you set texture.colorSpace = THREE.LinearSRGBColorSpace;

(three.js docs)

3

Thank you.
but it is still not working.
how can I create and use the realistic HDR Background?
Thank you for your help

4

Can you create a jsfiddle or codepen showing your issue?