# Rotate IBL / Environment

**URL:** <https://discourse.threejs.org/t/rotate-ibl-environment/26695>\
**Category:** Questions\
**Tags:** ibl\
**Created:** [May 28, 2021, 7:43am UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695 "2021-05-28T07:43:24Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![bmb](https://avatars.discourse-cdn.com/v4/letter/b/54ee81/32.png) [@bmb](https://discourse.threejs.org/u/bmb)\
**Post date:** [May 28, 2021, 7:43am UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/1 "2021-05-28T07:43:24Z")

</div>

I’m using an HDR image to light my scene. I load the HDR exactly as shown [in this official example](https://threejs.org/examples/?q=gltf#webgl_loader_gltf).

I cant find a way to rotate the HDR. To be clear I do not want to rotate my objects, just the HDR, like you can do in SketchFab.

I have had a quick search and the only suggestions I found where to move the model itself, but the answers where from several years ago, I feel there must be a way to do what I’m after and I’m just failing to figure it out.

---

<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:** [May 28, 2021, 10:41am UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/2 "2021-05-28T10:41:17Z")

</div>

I’m afraid it is not possible in `three.js` to apply any kind of transformation to the environment map or the scene’s background. Related:

> <https://github.com/mrdoob/three.js/issues/16328>
>
> In my app, I would like to rotate the CubeTexture that defines the scene backgro…und and the environment map reflections by 180° along the vertical y-axis.
> My rotation is defined by the VRML and X3D specifications about the background fields.
> 
> I tried to modify several parameters like the \`mapping\`, \`flipY\` and \`rotation\` Texture fields. However I didn't found any good way to do so.
> 
> \- Is there some obvious way to do so that I missed?
> \- Any chance to see this coming in \`three.js\`?
> \- If I would like to implement it, what parameters would you like to see (for example \`Texture.flipX\` and \`CubeTexture.flipZ\`)? Would you be interested in this feature?

---

<div class="post-metadata">

**Author:** ![bmb](https://avatars.discourse-cdn.com/v4/letter/b/54ee81/32.png) [@bmb](https://discourse.threejs.org/u/bmb)\
**Post date:** [May 28, 2021, 11:32am UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/3 "2021-05-28T11:32:44Z")

</div>

oh wow, thats a big shame. And sorry, I didn’t find that github link myself thanks for the link.

Seems like quite a limitation when a lot of people are wanting to use IBL?

Would you be able to also confirm if you can set the intensity/brightness on the environment? It looks as though I would have to traverse all the objects and set the materials intensity individually?

---

<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:** [May 28, 2021, 11:37am UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/4 "2021-05-28T11:37:28Z")

</div>

Yes, that is a material property.

---

<div class="post-metadata">

**Author:** ![bmb](https://avatars.discourse-cdn.com/v4/letter/b/54ee81/32.png) [@bmb](https://discourse.threejs.org/u/bmb)\
**Post date:** [May 28, 2021, 2:05pm UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/5 "2021-05-28T14:05:03Z")

</div>

@Mugen87 thanks for the info

---

<div class="post-metadata">

**Author:** ![bmb](https://avatars.discourse-cdn.com/v4/letter/b/54ee81/32.png) [@bmb](https://discourse.threejs.org/u/bmb)\
**Post date:** [June 1, 2021, 5:44pm UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/6 "2021-06-01T17:44:03Z")

</div>

In case anyone stumbles across this…I found that toneMappingExposure on the renderer achieved what I was after for the “brightness” of the HDR

In terms of the scene rotation, I can see sketch fab can do it, so if anyone has any ideas how they achieve it I would be very interested

---

<div class="post-metadata">

**Author:** ![awong1900](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/awong1900/32/18936_2.png) [@awong1900](https://discourse.threejs.org/u/awong1900)\
**Post date:** [September 2, 2021, 4:10am UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/7 "2021-09-02T04:10:35Z")

</div>

> In case anyone stumbles across this…I found that toneMappingExposure on the renderer achieved what I was after for the “brightness” of the HDR

thank you

---

<div class="post-metadata">

**Author:** ![muhmundr](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@muhmundr](https://discourse.threejs.org/u/muhmundr)\
**Post date:** [April 26, 2024, 11:06am UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/8 "2024-04-26T11:06:10Z")

</div>

Hey @Mugen87 is it still not available in three.js? Do you have it in the roadmap?

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [April 26, 2024, 11:29am UTC](https://discourse.threejs.org/t/rotate-ibl-environment/26695/9 "2024-04-26T11:29:08Z")

</div>

Rotating of both [environment](https://threejs.org/docs/index.html?q=scene#api/en/scenes/Scene.environmentRotation) and [background](https://threejs.org/docs/index.html?q=scene#api/en/scenes/Scene.backgroundRotation) is available since r162 ([related PR](https://github.com/mrdoob/three.js/pull/27758).)