Import .glb file using ImportMeshAsync and the imported object has undergone mirror flipping

Bugs
1

When I was using vuejs, I installed babylonjs and the babylonjs-loaders library. Then, I simply wrote a method to drag and drop the .glb file and import the object into the current scene through ImportMeshAsync method. However, it seems that the imported object has undergone mirror flipping, but my testing on the sandbox on the official website is normal. Is it due to the npm package?

The normal one:

image
image1920×944 25.8 KB

The wrong one in this demo:

image
image3828×1874 194 KB

Here is the demo file containing .glb file:

demo.zip (1.3 MB)

2

Hello and welcome!

It’s all just about where is your camera positioned and from which direction does it look at your glb

scene.createDefaultCamera() in your code creates a FreeCamera. The Sandbox creates an ArcRotateCamera and positions and rotates it differently.

Here is a PG which uses the same view as the Sandbox:

Here is a working PG using your setup:

right-handed system:

3 Likes