Environment setup for 3D configurator

Hi all,

I’m developing a 3D product configurator and need some advice on environment and lighting set up. I wanted to avoid Sketchfab for this project and move over to Babylon but Sketchfab’s viewer setup and environment flexibility is hard to beat. You can see the difference in my screenshots - I want to achieve the high-quality Sketchfab environment in Babylon.

I have tried all kinds of things in Babylon to attempt to replicate my Sketchfab environment - ambient lights, directional lights, FOV, Bloom, Shadow Generator, SSAO etc but it’s still looking very unrealistic. I could not get SSR to make any noticeable difference. My textures are high quality PBR.

Can anyone recommend how I might improve things? Or if someone would like some paid work to help with this let me know.

Screenshots for comparison are here: Babylon - Google Drive

Thanks!
Rich

Hi.

Are you using some HDR lighting? Often times finding the proper HDR can be the key to lighting, and it also can be a pain, as finding the PROPER one can be challenging.

https://doc.babylonjs.com/features/featuresDeepDive/materials/using/HDREnvironment

Babylon sandbox use this type of lighting so maybe try to drop your shoe there and use Inspector on bottom right to kinda tweak your materials and lights and what not to see if you can achieve the target look.

Also, if you are using normal maps check if you are using OpenGL or DirectX convention. If it is OpenGL, you should invert your Y channels on the textures, as Babylon is using DirectX (hopefully I didn’t mix these up xD).

1 Like

Thank you :slight_smile: