GLTF Model not rendering properly

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.

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: and see how it is displayed there.

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.

Using SceneLoader.Append instead of ImportMesh does work:

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

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 -

1 Like

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

Thank you for your help! This also worked well.