OpenGL vs. DirectX normal maps

[Kesshi]

It seems that BabylonJs uses the DirectX convention for normal maps.
The problem is that our material database uses the OpenGL convention. The bump direction seems to be inverted now in BabylonJs.
How can i switch between OpenGL and DirectX normal maps in BJS?
I think the green(y) channel needs to be flipped in order to convert between OpenGL and DirectX normals.
I would like to prevent a conversion of our material database because our whole toolchain is based on OpenGL conventions.
Would it be possible to add a flag to the material/texture to switch between opengl and directx normal maps?

[GameMonetize]

Did not test it but can you try to set bumpTexture.level = -1 ?

[Kesshi]

4 hours ago, Deltakosh said:

Did not test it but can you try to set bumpTexture.level = -1 ?

I tried that already. It doesn't work correctly. The direction of the incoming light is also inverted.
here a playground: http://www.babylonjs-playground.com/#17QZZM
You need to uncomment line 13.

[GameMonetize]

here is a way for you to fix it:

http://www.babylonjs-playground.com/#17QZZM#1

[Kesshi]

1 hour ago, Deltakosh said:

here is a way for you to fix it:

http://www.babylonjs-playground.com/#17QZZM#1

Thx for your answer. I was thinking about doing it manually with canvas already ... i will keep it in mind as a last resort :-)
I was hoping for direct support for different normal maps in babylon js. This could be done with a small define in the default fragment shader i think.
BJS would benefit from supporting different kinds of assets without the need for conversion. It would be more universal this way.    

[GameMonetize]

That's true. It was more a fast fix for you.

[GameMonetize]

Done: http://www.babylonjs-playground.com/#17QZZM#2

[Kesshi]

@Deltakosh a very big thank you to you. This makes thing much easier for me.

[Kesshi]

@Deltakosh i just tried your change but it is not working as expected.
It was correct to invert the y component but it seems that also the x component must be inverted.
I dont know which convention you implemented for the normal mapping in BabylonJs but it doesn't seem to be DirectX.
Here a playground: http://www.babylonjs-playground.com/#17QZZM#3
The light is coming from top-left (see the sphere) but the light on the bump map is coming from top-right.

Could you change it please that if useOpenGLNormalMap = true the x and y compenten is inverted?

[GameMonetize]

THis is what I did:

https://github.com/BabylonJS/Babylon.js/blob/master/src/Shaders/ShadersInclude/bumpFragmentFunctions.fx#L31

[Kesshi]

1 hour ago, Deltakosh said:

THis is what I did:

https://github.com/BabylonJS/Babylon.js/blob/master/src/Shaders/ShadersInclude/bumpFragmentFunctions.fx#L31

You flipped y which is correct. But as you can see in my playground, its not enough to support opengl normal maps correctly.
x also need to be flipped. So it would be nice if you could flipp x and y.
Or even better add two flags to the material, one for x and one for y. This way all kind of normal maps can be supported.

i just checked it with CrazyBump:
OpenGL
x-axis = right
y-axis = up

DirectX
x-axis = right
y-axis = down

BabylonJS
x-axis = left
y-axis = down

[GameMonetize]

Boom! http://www.babylonjs-playground.com/#17QZZM#4

[Kesshi]

Thank you again, maybe i need to send you some flowers or something

[GameMonetize]

Lol..a thank you is enough

[dbawel]

@Deltakosh and @Kesshi

On 5/19/2016 at 1:32 PM, Kesshi said:

Thank you again, maybe i need to send you some flowers or something

 - Do I see new love blooming here? Too funny, and glad to see you on the forum. We all feel the love for DK.