Convert image to NormalMap

[Xav]

Hello,

I am looking to convert a diffuse type image to normal map directly in babylon.js.
I found this option in the editor as in the attached image and I wanted to know if anyone know if this option is already integrated into the framework so as not to have to redo what already exists;).

Thank you.

[Dad72]

No, babylon has no image conversion function "diffuse" to "normal map". But I know of software that do this very well.

[Xav]

Yes NormalMap Online can do it but it works with three.js and the idea it's to integrate the same function directly into Babyon.js as in this example threejs exemple.

I'm almost sure it should be possible to do it with Babylon and maybe it already exists?

Thank you.

[Dad72]

There is no function like that on babylonJS. You can use a normal map texture, but not convert a texture 'diffuse'  to 'normal map'.
This is a feature that could be added in the future in BabylonJS if Deltakosh wish the support.

[Xav]

Thanks Dad72.

I found this link :https://gamedevelopment.tutsplus.com/tutorials/building-shaders-with-babylonjs-and-webgl-theory-and-examples--cms-24146.

May be i can try to find a solution like this .... 

[julien-moreau]

Hey @Xav

unfortunately not, the editor computes its own tool to convert diffuse to normal maps in order to get an estimated preview of what it can look like. The generated normal maps are not exported, this is just for preview, as the designers know how to make more beautiful normal maps

[julien-moreau]

But I can share the way I create these temporary normal maps

[Dad72]

It would be interesting to see. Thank you

[Xav]

Hello and thank you for the answer.

Yes I agree with you it is better to generate its normal map either.
However for the project on which I work it to be interesting to have a sysytem which generates these normal map automatically.
So I am a taker of a solution if you want to share it .

Thanks again.