GLTF Model not rendering properly

Bugs
#1

Hello all,

I’ve successfully imported my gltf model. However, it is not rendering properly as it looks different to when I open the file on my computer. I’m trying to develop an iPhone colour configurator. Here is the playground: Babylon.js Playground. Some textures are missing and also other elements such as the apple logo.

Any help appreciated. Thank you.

#2

Which program do you use to display the file on your computer? Can you post a screenshot of how it should look like?

Are you able to generate a .glb file? That way, you could test the file in other viewers (for eg: https://gltf-viewer.donmccurdy.com/) and see how it is displayed there.

#4

Hello, thank you for your reply. I use Windows 10 3D Viewer to open the file on my computer. I have attached images below of how it looks / is supposed to look. I have also tested it with the GLTF viewer link you provided and it also works on there.

view1.PNG
view1.PNG1536×965 58.1 KB

view2.PNG
view2.PNG1530×964 41.3 KB

view3.PNG
view3.PNG1535×962 43.6 KB

#5

Using SceneLoader.Append instead of ImportMesh does work:

https://playground.babylonjs.com/#4TZIEJ#1

Now, I’m not sure why it does not work with ImportMeshes, it seems the meshes and materials/textures are loaded correctly when using ImportMeshes… @Drigax or @Deltakosh may know if it’s expected or not.

1 Like
#6

Seems that there were scaling errors. This mesh should be scaled through transform node.
meshes[0].scaling = new BABYLON.Vector3 (8,8,8);

Here is working example with ImportMesh - https://playground.babylonjs.com/#4TZIEJ#2

1 Like
#7

Thank you, exactly what I was looking for :grinning:

#8

Thank you for your help! This also worked well.