# glTF model not loaded properly

**URL:** <https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514>\
**Category:** Questions\
**Tags:** gltf-loader, textures\
**Created:** [December 28, 2018, 9:07am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514 "2018-12-28T09:07:22Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 28, 2018, 9:07am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/1 "2018-12-28T09:07:22Z")

</div>

hi,  
I am new to three.js. I am having the normals issue.

Image uploaded below is taken from sketchfab seems to have correct normals…  
 ![Correct%20normal](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/5/5dc5e4e21158c55f06db151db42c8b67e0b926df.png)

Image below is taken from three.js seems to have normals issue…  
I don’t know what causing the problem.  
 ![Normalissue](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/e/ed6599c2be58f91726c4d4b6921eaf8c7944f28b.png)

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 28, 2018, 10:29am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/2 "2018-12-28T10:29:41Z")

</div>

Can you please share the model in this thread?

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 28, 2018, 10:32am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/3 "2018-12-28T10:32:48Z")

</div>

I cannot share this model to anyone but normals seems to show correctly in Babylon.js. I don’t know what causing the normal issue in three.js.

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 28, 2018, 10:35am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/4 "2018-12-28T10:35:33Z")

</div>

Without more information it’s hard to help you further.

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 28, 2018, 10:38am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/5 "2018-12-28T10:38:59Z")

</div>

Due to licence issue I cannot share it but below link is the model were i get from

https://sketchfab.com/models/50725ef7d75d4898be0640700cd31c8d/embed?

thank you for your reply…

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 28, 2018, 10:43am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/6 "2018-12-28T10:43:49Z")

</div>

Below Image shows same model loaded in the Babylon.js. I am using .glb format for loading the model in both three.js and babylon.js.

Thankyou.

![Correct%20normals%20babylon](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/f/f7940fc4528b17f41b37384fb5b6cbd1e5b71159.png)

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 28, 2018, 10:50am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/7 "2018-12-28T10:50:22Z")

</div>

Okay, it’s good to know that you have this issue with `GLTFLoader`. Do you see the same problem when loading the model in the following viewer?

[https://gltf-viewer.donmccurdy.com/](https://gltf-viewer.donmccurdy.com/)

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 28, 2018, 11:03am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/8 "2018-12-28T11:03:15Z")

</div>

No. there is no problem with the give link.

![Correct%20normals%20gltf](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/0/020d12489b1d41c5450971ae8eacac25b2fc9839.png)

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 28, 2018, 11:31am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/9 "2018-12-28T11:31:42Z")

</div>

Thank you for the link…  
I use the gltf loader in the given link to check if the model is loading correctly and I’ll inform you.  
Thank you for your reply…

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 28, 2018, 11:48am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/10 "2018-12-28T11:48:56Z")

</div>

The viewer actually uses the latest `three.js` version with the respective `GLTFLoader`. Using the same code will probably solve your issue 👍

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 28, 2018, 12:45pm UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/11 "2018-12-28T12:45:34Z")

</div>

Problem still appear while loading the model.  
even in this link when you switch-off the lights the problem is visible…  
[https://gltf-viewer.donmccurdy.com/](https://gltf-viewer.donmccurdy.com/)

![PNG](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/4/4ee67a36ecd18e1b15cb670d6f293d77681ec6a3.jpeg)

Thank you for your time…

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 28, 2018, 8:35pm UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/12 "2018-12-28T20:35:37Z")

</div>

@donmccurdy Um, do you know what’s going on with that model?

---

<div class="post-metadata">

**Author:** ![donmccurdy](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/donmccurdy/32/33209_2.png) [@donmccurdy](https://discourse.threejs.org/u/donmccurdy)\
**Post date:** [December 28, 2018, 10:47pm UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/13 "2018-12-28T22:47:28Z")

</div>

@Sabhareesh_AK do you mean that on [http://gltf-viewer.donmccurdy.com/](http://gltf-viewer.donmccurdy.com/), the model looks right initially, but if you turn the lights off the problem appears again?

Would you be able to share the model privately over email, perhaps?

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 29, 2018, 3:34am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/14 "2018-12-29T03:34:01Z")

</div>

Yes I can share it via email.

---

<div class="post-metadata">

**Author:** ![pailhead](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pailhead/32/85_2.png) [@pailhead](https://discourse.threejs.org/u/pailhead)\
**Post date:** [December 29, 2018, 3:38am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/15 "2018-12-29T03:38:03Z")

</div>

Could i have the model as well? I’d like to see it.

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 29, 2018, 3:46am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/16 "2018-12-29T03:46:46Z")

</div>

The model is not my property to share to others.I got permission to share to one person. Sorry @pailhead.  
But thankyou for showing interest to this question.

---

<div class="post-metadata">

**Author:** ![pailhead](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pailhead/32/85_2.png) [@pailhead](https://discourse.threejs.org/u/pailhead)\
**Post date:** [December 29, 2018, 4:27am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/17 "2018-12-29T04:27:05Z")

</div>

No problem, just trying to help. Wonder if its similar to this:

[http://192.241.199.119:8080/dev/testwp/](http://192.241.199.119:8080/dev/testwp/)

---

<div class="post-metadata">

**Author:** ![pailhead](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pailhead/32/85_2.png) [@pailhead](https://discourse.threejs.org/u/pailhead)\
**Post date:** [December 29, 2018, 4:27am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/18 "2018-12-29T04:27:57Z")

</div>

My guess is that the tangents there are flipped where they shouldnt be. I saw the normal a bit in the sketch fab viewer but im too lazy to reverse engineer stuff 🙂

There looks to be a seam right down the center of the sole in the back.

---

<div class="post-metadata">

**Author:** ![donmccurdy](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/donmccurdy/32/33209_2.png) [@donmccurdy](https://discourse.threejs.org/u/donmccurdy)\
**Post date:** [December 29, 2018, 4:38am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/19 "2018-12-29T04:38:31Z")

</div>

If you can share the model with [donmccurdy@google.com](mailto:donmccurdy@google.com), I’ll take a look at the issue. Because it’s a paid model for sale, I think you’re correct in not wanting to post it on a forum…

I’m hoping the problem is related to [https://github.com/mrdoob/three.js/issues/15428](https://github.com/mrdoob/three.js/issues/15428), and that using the tangents will fix it, but that’s just a guess.

---

<div class="post-metadata">

**Author:** ![Sabhareesh\_AK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sabhareesh_ak/32/5269_2.png) [@Sabhareesh\_AK](https://discourse.threejs.org/u/Sabhareesh_AK)\
**Post date:** [December 29, 2018, 4:49am UTC](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514/20 "2018-12-29T04:49:07Z")

</div>

Yes you are right, it’s a tangent problem but some how sketchfab and Babylon js show the model correctly. I tried importing in blender and check but the problem appears in the blender too…

[Next page](https://discourse.threejs.org/t/gltf-model-not-loaded-properly/5514.md?page=2)