Hello everybody, first time posting and new to Three.js. Sorry about the awkardly worded topic. I have a model with reflective material that looks good with a HDRIcubetexture, however, I would like for the background not be the HDRI image, and prefer to have a custom-made gradient panorama.
In other words, I would like to take advantage of HDRI lighting effect but with a different cubemap image for presentation. Is this possible to do in Three.js? The reason I prefer not to use gradient image as cubemap is because it diminishes metallic surface quality. Please refer to attached test images from Marmoset Toolbag:
Img 1: lighting good, hdri image background undesirable
Img 2: lighting good, ambience background *this is what I would like to achieve
Img 3: custom gradient background, poor lighting on metallic surface
Thank you in advance for any help or suggestion.