# How to use environtment map?

**URL:** <https://forum.8thwall.com/t/how-to-use-environtment-map/814>\
**Category:** Technical Support\
**Created:** [March 21, 2024, 12:46pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814 "2024-03-21T12:46:56Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Humanoid\_AI](https://avatars.discourse-cdn.com/v4/letter/h/6f9a4e/32.png) [@Humanoid\_AI](https://forum.8thwall.com/u/Humanoid_AI)\
**Post date:** [March 21, 2024, 12:46pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/1 "2024-03-21T12:46:56Z")

</div>

How can I use an environment map in my scene? How can I change it or set up a map that will affect my model?

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [March 21, 2024, 6:50pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/2 "2024-03-21T18:50:18Z")

</div>

You can import the real-time reflecitons module to your project.

[https://www.8thwall.com/8thwall/modules/reflections](https://www.8thwall.com/8thwall/modules/reflections)

This module also includes a static refleciton which generates a static cubemap from a series of image assets and applies it as an environment map to a glb model.

There is more information in the README on how to implement a custom cubemap (environment map)

---

<div class="post-metadata">

**Author:** ![aleksys\_gul](https://avatars.discourse-cdn.com/v4/letter/a/f17d59/32.png) [@aleksys\_gul](https://forum.8thwall.com/u/aleksys_gul)\
**Post date:** [May 6, 2024, 6:29pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/3 "2024-05-06T18:29:41Z")

</div>

Thanks once again Ian ! I I have imported the real time reflection module and i would like  
to use the :type realtime, but the metallic txture of my model doesn’t look good !!?

 ![Screenshot 2024-05-06 at 21.24.18](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/1X/ce998d9e13a0b9d11577655b9ddbf3767806e6e6.jpeg)

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [May 6, 2024, 6:33pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/4 "2024-05-06T18:33:06Z")

</div>

Can you remove the “space” in front of your type on reflecitons. this may be a typo.

Can you share how your model looks in the 3D viewer? With a env map turned on.

---

<div class="post-metadata">

**Author:** ![aleksys\_gul](https://avatars.discourse-cdn.com/v4/letter/a/f17d59/32.png) [@aleksys\_gul](https://forum.8thwall.com/u/aleksys_gul)\
**Post date:** [May 6, 2024, 6:40pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/5 "2024-05-06T18:40:29Z")

</div>

still the same …

 ![Screenshot 2024-05-06 at 21.40.01](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/1X/16aa2b60e8b21d88221fef68ce4b438a8ae82ebc.jpeg)

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [May 6, 2024, 6:43pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/6 "2024-05-06T18:43:57Z")

</div>

Is this the 8th Wall 3D viewer? When you click on the 3D model in your project? Please verify.

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [May 6, 2024, 6:46pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/7 "2024-05-06T18:46:38Z")

</div>

Actually you have a typo!

you have

`reftections="type: realtime"`

Instead you need:

`reflections="type: realtime"`

---

<div class="post-metadata">

**Author:** ![aleksys\_gul](https://avatars.discourse-cdn.com/v4/letter/a/f17d59/32.png) [@aleksys\_gul](https://forum.8thwall.com/u/aleksys_gul)\
**Post date:** [May 6, 2024, 6:49pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/8 "2024-05-06T18:49:06Z")

</div>

nope this is from modelviewer.dev.  
this one is

 ![Screenshot 2024-05-06 at 21.47.14](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/1X/82dd0d0f012c9f57cff1deb868037b5462c74441.png)  
from the 8th wall viewer

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [May 6, 2024, 6:50pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/9 "2024-05-06T18:50:39Z")

</div>

Actually you have a typo!

you have

`reftections="type: realtime"`

Instead you need:

`reflections="type: realtime"`

---

<div class="post-metadata">

**Author:** ![aleksys\_gul](https://avatars.discourse-cdn.com/v4/letter/a/f17d59/32.png) [@aleksys\_gul](https://forum.8thwall.com/u/aleksys_gul)\
**Post date:** [May 6, 2024, 6:53pm UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/10 "2024-05-06T18:53:34Z")

</div>

Ohhh God !!! Indeed !! it works and it looks awesome!  
Ian you are top !! Thank you very much !

---

<div class="post-metadata">

**Author:** ![Donald\_Vossen](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/donald_vossen/32/1255_2.png) [@Donald\_Vossen](https://forum.8thwall.com/u/Donald_Vossen)\
**Post date:** [December 6, 2024, 8:41am UTC](https://forum.8thwall.com/t/how-to-use-environtment-map/814/11 "2024-12-06T08:41:55Z")

</div>

Hi there, is it possible to use an environment map in 8th Wall Studio?

Thanks in advance!
