OBJ export mirrored?

[tdurand]

Hello,

I ran into this issue today, please let me know if this is a potential bug or a misusage of Babylon.js API .

Consider this very simple demo playground (forked it from another issue):

https://www.babylonjs-playground.com/#MCJYB5#20

From this playground, I’m exporting a OBJ file with BABYLON.OBJExport.OBJ and also a GLB file using the inspector and “export glb” button

This gives me those two files:

• export.obj : export2.obj - pCloud
• export.glb : export2.glb - pCloud

Then I import those files into Blender I get this

GLB file (correct)

OBJ file ( mirrored)

Both on the same canvas

It looks like some magic transform settings I need to set… tried to play around with things but couldn’t make the GLB export match the OBJ export.

Any ideas ?

Thanks

[mamu]

Hey there.
I stumbled accross a related issure when importing .obj into the sandbox:

Maybe they are related?
Lets wait for some input from the devs.

[Drigax]

@tdurand @mamu

OBJ is a right handed format. I believe the inversion you’re seeing is due to our mesh being exported from babylon’s left handed system to OBJ, then imported into blender’s right handed system. even if we align the proper forward, and up vector, then our right vector is inverted. that’s not right… I’ll try to fix that.

I imagine if the OBJ is exported from a right handed babylon scene, then we would not see this inversion…

[Drigax]

Actually after further investigation, i’m not sure if that’s the case. see:
https://playground.babylonjs.com/#HDUI2D#4

imported into Blender with default settings we see:

Which is incorrect, but that’s because we’re using the wrong settings.

Babylon, like Unity is a left handed coordinate system with +Z forward, +Y up and +X right. changing the import settings to:

We should instead get:

This seems to work regardless of export from babylon using global or local coordinates and scene handedness…I’m not sure if any fixes need to be made here…

[tdurand]

Hi

Thanks for looking into this. I tried to play with the -Z + Z options when importing in blender but I’m not able to have the same models. Seems the obj is Mirrored on the X axis

I’ve made up a “not symetrical” scene so you can reproduce what I mean.

Consider this playground with a Terrain mesh generated from height map

https://www.babylonjs-playground.com/#IFYDRS#103

Then this is exported as OBJ and GLB:

• terrain.obj : terrain.obj - pCloud
• terrain.glb : terrain.glb - pCloud

Then in blender I get his

For GLB file with +Z forward:

For OBJ file import with +Z forward:

Thanks !

[Drigax]

Ah, I see what you mean.

Using this PG:
https://www.babylonjs-playground.com/#IFYDRS#104

If you change the scene handedness to right handed, the OBJ and GLB export are identical, as would be expected. Otherwise, if we use a left handed system, the OBJ and GLB export are mirrored along the X axis. When imported to Blender with default settings…not great.

Would you be interested in delivering a fix to the OBJ exporter? I expect we would just need to add an additional parameter to the OBJSerializer.OBJ that represents whether or not to convert our model geometry to right handed coordinates, and invert the geometry X position as a result.

[tdurand]

Hi

Yes I would be interested in trying to work on this over the week-end, could you give two pointers (sorry I didn’t looked up the documentation as I’m on my mobile and also I’m not an expert with Babylon.js and 3D)

• How to you change the handedness of the system on the fly in babylon.js ?
• How do you “invert the X geometry” ? Is it some kind of Matrix.something method like here: Babylon.js/objSerializer.ts at master · BabylonJS/Babylon.js · GitHub

Many Thanks

Thibault

[tdurand]

Ok I was able to do what you said by using

scene.useRightHandedSystem = true;

Now I’m looking into fixing the OBJ Exporter depending on whether this flag is true or false

[tdurand]

I would need some help with this… I’m trying to figure out how to flip the geometry along the X axis …

I’ve tried to do this:

// invert along X axis
var inversionAlongXAxisMatrix = Matrix.FromValues(
                -1, 0, 0, 0,
                0, 1, 0, 0,
                0, 0, 1, 0,
                0, 0, 0, 1)
mesh[j].bakeTransformIntoVertices(inversionAlongXAxisMatrix);

Inside the OBJ serializer… but the export is still incorrect… Any idea ?

Thanks and have a nice week-end

[Drigax]

Try modifying the vertices immediately before exporting to our OBJ:

BabylonJS/Babylon.js/blob/bc322f87ddd4054c1f61d2e6d46ade99ddaabee8/serializers/src/OBJ/objSerializer.ts#L69-L72

Where we may want to invert trunkVerts[i] (@L70) depending on the scene handedness

[tdurand]

Ok, it does work !

I’ve started a pull request: Fix OBJ serializing mirrored by tdurand · Pull Request #8216 · BabylonJS/Babylon.js · GitHub

[Drigax]

Thanks, I’ll test your fix before signing off

[tdurand]

Marking this as solved, the PR was merged : Fix OBJ serializing mirrored by tdurand · Pull Request #8216 · BabylonJS/Babylon.js · GitHub