How do I fix this Gold material to look brighter?

Questions
, ,
1

Hi all.

I’m working on a web app centred around visualizing jewellery, but I’m having some trouble getting the materials especially gold to look good.

I’ve used a PBR Material with a reflective skybox, but it usually looks too dark or washed out.

Here’s what it looks like:
image

But here is the example rendered for what it should look like;
image

I have a lighting setup consisting of two hemisphere lights (one down and one up) and about 5 point lights around the outside to add some extra highlights.
It also uses a skybox texture for reflections.

Models are all loaded from .gltf files, but using primates seems to yield the same results.

I’ve gone through the API documentation for PBR Materials and the “Mastering PBR Materials” guide, but I’ve not made much progress.

I’ve set up a simple playground here to demonstrate how the materials are initialized:

Note: this playground doesn’t have a skybox reflection which I am using in the app (though I think it still demonstrates the darkness of the material)

2

If you use PBR material(s) you will achieve much better results with environment texture.

Here is one line code to create a default environment

    scene.createDefaultEnvironment({createGround:false,createSkybox:false})

Example - https://playground.babylonjs.com/#Y48PAW#5

image
image815×623 25.7 KB

More documentation here - Using An HDR Environment For PBR | Babylon.js Documentation

5 Likes
3

Thank you for this, it’s exactly what I was missing and the client is stoked :smile:

2 Likes