I am playing around with PBR materials, but I do not succeed to get something similar to what I’ve got in Blender while using the same HDR image for the environment lighting.
It seems that the roughness in BabylonJS is not making the reflection on the surfaces more diffuse as it seems to do in Blender. Is there a way to “activate” the roughness parameter? maybe it is deactivated by default for performance purposes?
Here is what the roughness parameter does in Blender:
Roughness = 0:
Roughness = 0.5:
To increase the roughness is making the reflection blurry basically, because the light is reflected in many directions because of the “roughness” of the surface.
Now here is what is happening in BabylonJS:
Roughness = 0:
Roughness = 0.5:
To be honest, there is another issue: the trees can appear black at first, and it is only when I move the roughness slider (or any other sliders related to PBR) that the trees’ material starts to be rendered…
Sure thing.
Here is the blender file with the babylon file: tileset-level0.zip (410.4 KB)
Also here is a repro in the playground: https://www.babylonjs-playground.com/#JUKXQD#206
The scene will start with the objects totally black (that is either part of the bug, or it’s something I don’t understand…).
Go in the Inspector, go in Textures, click on the last texture (should be the only https texture that is not blurred).
Go to the Sampling dropdown list, change to Nearest & linear, the Image Based Lighting will “switch on” and the bug will appear.
Then change back to Nearest, to see that it would do the same with the default sampling setting.
NOTE:
If you change m.roughness to 0 in my code, the Image Based Lighting seems to work out-of-the-box; HOWEVER, if you go to the inspector then Materials/Leaves and change its roughness to 0.5, the trees become black again.
So it seems that there is no way to get the roughness to 0.5
Yep, so I saw this tutorial. But here the thing, I wanted to use one of the HDR images from Blender, which led me to make a lot of “conversion”.
First the HDR image from Blender are saved in .exr format.
Hence what I had to save it in .hdr with Gimp.
Then I used cmftStudio to save it in .dds cube map format.
Then I used the Babylon Sandbox to save it in .env format.
As you can see the conversion pipeline was complicated and there are many points at which the proccess could have gone wrong…
What would be the best way to convert a .exr file to .env file?
I wanted to have a try, but IBLBaker requires to use Visual Studio ^^
Would it be possible that you walk me through how to do it properly with cmftStudio, which is simpler to install/use?
I am going to try different things on my side.
EDIT: I tried to convert directly from an .hdr image to .dds with cmftStudio, then use the .dds in the sandbox; I still get the same problem. Hence, it might be that I don’t know how to set up cmftStudio properly. @sebavan Can you give me more details on “Your env texture does not look like it has been correctly generated”? Thank you
Ok, so here I used the Lys generated sunset of the Blender exporter, and I still get the issue that some of my objects are black until I go in the Inspector and move any parameters of the PBR material (let’s say metallic) to another value and back. Here a demo:
One thing I do not understand is that some other objects are fine (you can see in the background that other parts of the forest are well rendered). Any idea what it could be?
NOTE: I am using the mergeMeshes() function to create chunks of my world, the part in the background that renders well is another chunk of the world.
Can you put by code metallic = 0.01 just to see if it changes anything ? I have got a feeling it is using a spec gloss workflow va metallic one here for some reasons ?
For context, my game world consist of 3d tiles. I clone and put them together and then I merge them into big chunks. Each tiles was made of several objects; hence BabylonJS was having a hard time to loop through all the tiles and all the objects within the tiles to merge them.
I reduced the number of objects within each tiles to 2 objects (i.e. 2 objects per tile) by combining (i.e. merging) them in Blender.
That solved the problem of the black material objects!
Of course, that also reduces the loading time in BabylonJS as mergeMeshes() do not need to loop through so many objects anymore.
So the issue is kind of resolved, although I don’t know why merging too many objects would have a consequence on the material…
