# GLTF model displaying differently in GLTF model viewer website compared to actual website

**URL:** <https://discourse.threejs.org/t/gltf-model-displaying-differently-in-gltf-model-viewer-website-compared-to-actual-website/47933>\
**Category:** Questions\
**Created:** [February 12, 2023, 4:41pm UTC](https://discourse.threejs.org/t/gltf-model-displaying-differently-in-gltf-model-viewer-website-compared-to-actual-website/47933 "2023-02-12T16:41:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Prakhar\_Nagpal](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prakhar_nagpal/32/33330_2.png) [@Prakhar\_Nagpal](https://discourse.threejs.org/u/Prakhar_Nagpal)\
**Post date:** [February 12, 2023, 4:41pm UTC](https://discourse.threejs.org/t/gltf-model-displaying-differently-in-gltf-model-viewer-website-compared-to-actual-website/47933/1 "2023-02-12T16:41:20Z")

</div>

I’ve got a model that I’m trying to render, and I exported the punctual lights from blender as well which results in the model being rendered like this [sandbox](https://codesandbox.io/s/model-tonemapping-690ixt?file=/src/App.js) whereas if I view the same [.glb file](https://drive.google.com/file/d/1STwZaD0u5Iudg7mIyQJiZD616rnsNsp2/view?usp=sharing) in the [gltfviewer](https://gltf-viewer.donmccurdy.com/) it displays the way I want it to.  
I tried turning the toneMappingExposure down in the canvas element `gl.toneMappingExposure = Math.pow(2, -7);` but that only fixes the extremely bright rendering, the glow neon glow effect is still not there.

 ![SCR-20230212-nag](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/4/84d394d08a7785cf8adb6bc356675594e425ebc6.jpeg)

TLDR; Expected output when loading blender model

 ![SCR-20230212-n5x](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/6/8/68e998585f1250fd91b1305b2485b32b11205e5a.jpeg)  
but getting this output  
 ![SCR-20230212-n68](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/c/f/cfffd491228d7f25790aaa94fb7c9b4668eff2fb.jpeg)

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [February 12, 2023, 5:13pm UTC](https://discourse.threejs.org/t/gltf-model-displaying-differently-in-gltf-model-viewer-website-compared-to-actual-website/47933/2 "2023-02-12T17:13:23Z")

</div>

This is not a solution. This is just to increase the level of surprise. I found the well colored images inside the cards.

[https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/1/7174d983b9600107ff9694fb19cb55e74f69e487.mp4](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/1/7174d983b9600107ff9694fb19cb55e74f69e487.mp4)

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [February 12, 2023, 5:40pm UTC](https://discourse.threejs.org/t/gltf-model-displaying-differently-in-gltf-model-viewer-website-compared-to-actual-website/47933/3 "2023-02-12T17:40:05Z")

</div>

When I load your model in the Three.js editor, it is also very bright. It turns out, your lights have extremely high intensities (55.70, 59.68 and 79.58). When I make them 1, the cards look fine. I hope this helps a bit.

[https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/c/7c7bab8e3a1c70e45e2fafc044d1417a3b577f6d.mp4](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/c/7c7bab8e3a1c70e45e2fafc044d1417a3b577f6d.mp4)

---

<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:** [February 12, 2023, 5:40pm UTC](https://discourse.threejs.org/t/gltf-model-displaying-differently-in-gltf-model-viewer-website-compared-to-actual-website/47933/4 "2023-02-12T17:40:43Z")

</div>

You probably want to enable physically correct lighting, my viewer does that. In R3F it would be:

```plaintext
<Canvas gl={{physicallyCorrectLights: true}} />

```

Another difference here is that R3F has ACES Filmic tone mapping enabled by default, and my viewer does not. I think either is a reasonable choice in this case. To disable ACES Filmic add `flat={true}` to the component above.

---

<div class="post-metadata">

**Author:** ![Prakhar\_Nagpal](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prakhar_nagpal/32/33330_2.png) [@Prakhar\_Nagpal](https://discourse.threejs.org/u/Prakhar_Nagpal)\
**Post date:** [February 12, 2023, 5:47pm UTC](https://discourse.threejs.org/t/gltf-model-displaying-differently-in-gltf-model-viewer-website-compared-to-actual-website/47933/5 "2023-02-12T17:47:10Z")

</div>

you’re right, once again:)  
thank you!