# \#cube-map

**URL:** https://discourse.threejs.org/tag/cube-map/42.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Virtual Interiors with cube maps](https://discourse.threejs.org/t/virtual-interiors-with-cube-maps/79839)

<div class="topic-metadata">

**Author:** [@yodha](https://discourse.threejs.org/u/yodha)\
**Replies:** 6\
**Last updated:** [March 22, 2025, 2:13pm UTC](https://discourse.threejs.org/t/virtual-interiors-with-cube-maps/79839 "2025-03-22T14:13:50Z")

</div>

I came across the website, with a bit of tinkering it became obvious that this was made using cube maps, but I fail to understand how the hotspots are added to the cube maps and how the videos(the fireplace and the TV)…

---

## [HDRI to Cubemap Converter Web GUI](https://discourse.threejs.org/t/hdri-to-cubemap-converter-web-gui/70728)

<div class="topic-metadata">

**Author:** [@hichemfantar](https://discourse.threejs.org/u/hichemfantar)\
**Replies:** 0\
**Last updated:** [September 15, 2024, 6:07am UTC](https://discourse.threejs.org/t/hdri-to-cubemap-converter-web-gui/70728 "2024-09-15T06:07:52Z")

</div>

Hi everyone! I wanted to share a project I recently worked on inspired by the HDRI Spherical Map to Cubemap Converter by MateuszWis. I loved the functionality of that project and decided to rewrite it in TypeScript, foc…

---

## [HDRI spherical map to cubemap converter](https://discourse.threejs.org/t/hdri-spherical-map-to-cubemap-converter/3555)

<div class="topic-metadata">

**Author:** [@MateuszWis](https://discourse.threejs.org/u/MateuszWis)\
**Replies:** 48\
**Last updated:** [September 15, 2024, 1:34am UTC](https://discourse.threejs.org/t/hdri-spherical-map-to-cubemap-converter/3555 "2024-09-15T01:34:12Z")

</div>

You can upload a spherical map (.hdr, .png, .jpg) and convert it to cubemap. I’ve made it possible to create 3 cubemap layouts : cross inline separate The ressolution option is meant for a single piece so if You set …

---

## [Where can i find good cubemap images?](https://discourse.threejs.org/t/where-can-i-find-good-cubemap-images/69621)

<div class="topic-metadata">

**Author:** [@joostwmd](https://discourse.threejs.org/u/joostwmd)\
**Replies:** 2\
**Last updated:** [August 22, 2024, 4:13pm UTC](https://discourse.threejs.org/t/where-can-i-find-good-cubemap-images/69621 "2024-08-22T16:13:05Z")

</div>

Hey, in my project i am using HDR images for creating the env map. But this causes performance issues in production because i need to download the images which are quite large. Also it feels like the rendering is more r…

---

## [How to controll minimap like games?Location and area](https://discourse.threejs.org/t/how-to-controll-minimap-like-games-location-and-area/66948)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 3\
**Last updated:** [June 24, 2024, 12:29am UTC](https://discourse.threejs.org/t/how-to-controll-minimap-like-games-location-and-area/66948 "2024-06-24T00:29:02Z")

</div>

Hi I added minimap from the tutorial to my software.: I use IFC files. https://docs.thatopen.com/Tutorials/Components/Core/MiniMapI need a minimap like games: I need 3 things: The current minimap has some problems …

---

## [Rotate cubetexture in Three.js](https://discourse.threejs.org/t/rotate-cubetexture-in-three-js/18934)

<div class="topic-metadata">

**Author:** [@haangglide](https://discourse.threejs.org/u/haangglide)\
**Replies:** 2\
**Last updated:** [February 20, 2024, 10:42am UTC](https://discourse.threejs.org/t/rotate-cubetexture-in-three-js/18934 "2024-02-20T10:42:05Z")

</div>

I got this cubetexture in Three.js. Say I want to rotate the cubeTexture itself 180 degrees. I know I can do this by rotating the camera but I want to rotate the texture itself and not the camera. How can I achieve this? …

---

## [How to load KTX2 files for a cubemap](https://discourse.threejs.org/t/how-to-load-ktx2-files-for-a-cubemap/61274)

<div class="topic-metadata">

**Author:** [@Yapac](https://discourse.threejs.org/u/Yapac)\
**Replies:** 1\
**Last updated:** [February 10, 2024, 1:46am UTC](https://discourse.threejs.org/t/how-to-load-ktx2-files-for-a-cubemap/61274 "2024-02-10T01:46:01Z")

</div>

Hi, I’m using three.js and next.js for a project and i want to load a ktx2 files to use them as a cubemap, in the console i can see that they are loaded but it doesn’t seems to show, the cubemap go from black to dark gra…

---

## [Box projected cubemap example](https://discourse.threejs.org/t/box-projected-cubemap-example/32201)

<div class="topic-metadata">

**Author:** [@LR17](https://discourse.threejs.org/u/LR17)\
**Replies:** 3\
**Last updated:** [August 24, 2023, 11:08pm UTC](https://discourse.threejs.org/t/box-projected-cubemap-example/32201 "2023-08-24T23:08:17Z")

</div>

Hello, I found this merged pull request that implemented an example for box projected cubemaps: But I can’t find the related example on the website. Was it removed? Maybe was it implemented in threejs core …

---

## [Make a custom Pass to render a 360 degree equirectangular panorama image from a scene](https://discourse.threejs.org/t/make-a-custom-pass-to-render-a-360-degree-equirectangular-panorama-image-from-a-scene/54391)

<div class="topic-metadata">

**Author:** [@sakhawat](https://discourse.threejs.org/u/sakhawat)\
**Replies:** 2\
**Last updated:** [July 31, 2023, 5:18am UTC](https://discourse.threejs.org/t/make-a-custom-pass-to-render-a-360-degree-equirectangular-panorama-image-from-a-scene/54391 "2023-07-31T05:18:02Z")

</div>

Hello everyone, First, thank you so much for this awesome three.js library and this awesome community. I really appreciate your support. Now, I am trying to make a Pass to render a 360 degree equirectangular panorama i…

---

## [WebGPU - Black Artifacts with CubeMap (r154 only)](https://discourse.threejs.org/t/webgpu-black-artifacts-with-cubemap-r154-only/53807)

<div class="topic-metadata">

**Author:** [@phil\_crowther](https://discourse.threejs.org/u/phil_crowther)\
**Replies:** 1\
**Last updated:** [July 29, 2023, 7:10am UTC](https://discourse.threejs.org/t/webgpu-black-artifacts-with-cubemap-r154-only/53807 "2023-07-29T07:10:41Z")

</div>

I realize that this is all WIP, but I am trying to upgrade my programs to work with WebGPU. I have run into a problem where a cubemap shows black artifacts if you look around (using both OrbitControls and my custom came…

---

## [Creating a CubeMap for offscreenCanvas](https://discourse.threejs.org/t/creating-a-cubemap-for-offscreencanvas/52116)

<div class="topic-metadata">

**Author:** [@GeorgeP](https://discourse.threejs.org/u/GeorgeP)\
**Replies:** 0\
**Last updated:** [May 28, 2023, 2:16pm UTC](https://discourse.threejs.org/t/creating-a-cubemap-for-offscreencanvas/52116 "2023-05-28T14:16:45Z")

</div>

Hi all, I’m working on moving a complex scene from canvas to offscreencanvas. So far I’ve managed to load my GLB file and the images I need for my texture maps in a web worker and I’m seeing the rendered result on scree…

---

## [Interior dynamic reflections](https://discourse.threejs.org/t/interior-dynamic-reflections/47209)

<div class="topic-metadata">

**Author:** [@andreasplesch](https://discourse.threejs.org/u/andreasplesch)\
**Replies:** 2\
**Last updated:** [January 23, 2023, 10:43pm UTC](https://discourse.threejs.org/t/interior-dynamic-reflections/47209 "2023-01-23T22:43:13Z")

</div>

I am trying to show dynamic reflections on the interior (back) side of a glass cube: Dynamic cube maps work well to show exterior reflections, even when close. This is because cube cameras are configured to look towar…

---

## [Issue with Cube-Mapping using CanvasTextures as a performance boost](https://discourse.threejs.org/t/issue-with-cube-mapping-using-canvastextures-as-a-performance-boost/46481)

<div class="topic-metadata">

**Author:** [@Jollus](https://discourse.threejs.org/u/Jollus)\
**Replies:** 0\
**Last updated:** [January 4, 2023, 1:28am UTC](https://discourse.threejs.org/t/issue-with-cube-mapping-using-canvastextures-as-a-performance-boost/46481 "2023-01-04T01:28:12Z")

</div>

I’ve been running into some lag when loading large textures in my project. Textures are only loaded as needed, and there was a lag spike as the GPU would decode the texture and apply it. The solution I’ve found in the pa…

---

## [How do i get all the points that make the area of a cube such that they are separated by "n" units from each other?](https://discourse.threejs.org/t/how-do-i-get-all-the-points-that-make-the-area-of-a-cube-such-that-they-are-separated-by-n-units-from-each-other/37835)

<div class="topic-metadata">

**Author:** [@XxSNiPxX](https://discourse.threejs.org/u/XxSNiPxX)\
**Replies:** 1\
**Last updated:** [May 5, 2022, 12:47pm UTC](https://discourse.threejs.org/t/how-do-i-get-all-the-points-that-make-the-area-of-a-cube-such-that-they-are-separated-by-n-units-from-each-other/37835 "2022-05-05T12:47:05Z")

</div>

Goal - Creation of an array of {x,y,z} vectors , a wireframe of points, that go through the area of a cube of 1 unit. Example - For a square of 1 unit with a seperation of 0.5 units starting at (0 , 0), the points wou…

---

## [High-Resolution Multiscale Panoramic from Tile Zoom Cameras](https://discourse.threejs.org/t/high-resolution-multiscale-panoramic-from-tile-zoom-cameras/36597)

<div class="topic-metadata">

**Author:** [@tuvshinzaya](https://discourse.threejs.org/u/tuvshinzaya)\
**Replies:** 0\
**Last updated:** [April 1, 2022, 1:56am UTC](https://discourse.threejs.org/t/high-resolution-multiscale-panoramic-from-tile-zoom-cameras/36597 "2022-04-01T01:56:55Z")

</div>

I have a cube and my camera located center of the cube. I’m just trying to set tile materials on the parts of cube as show on camera. How can I know what part of cube showed on camera ? For example: Top,Left,Right,Bo…

---

## [How to set material only showed area on camera](https://discourse.threejs.org/t/how-to-set-material-only-showed-area-on-camera/36596)

<div class="topic-metadata">

**Author:** [@tuvshinzaya](https://discourse.threejs.org/u/tuvshinzaya)\
**Replies:** 0\
**Last updated:** [April 1, 2022, 1:44am UTC](https://discourse.threejs.org/t/how-to-set-material-only-showed-area-on-camera/36596 "2022-04-01T01:44:00Z")

</div>

I have a cube and my camera located center of the cube. I’m just trying set material only showed on camera. Below image result must be: Top,Left,Right,Bottom → showed part of object Front → showed Full I’d like to se…

---

## [How to apply HDRI(env)?](https://discourse.threejs.org/t/how-to-apply-hdri-env/218)

<div class="topic-metadata">

**Author:** [@BuraDacdak](https://discourse.threejs.org/u/BuraDacdak)\
**Replies:** 6\
**Last updated:** [March 10, 2022, 9:20am UTC](https://discourse.threejs.org/t/how-to-apply-hdri-env/218 "2022-03-10T09:20:34Z")

</div>

Hello, I have tried load hdri file here. I expect this is right example that everyone know. https://threejs.org/examples/?q=materials#webgl\_materials\_envmaps However, we can not upload background map file, because i…

---

## [Is there a way to render threejs scene to a CubeMap or Equirectangular image?](https://discourse.threejs.org/t/is-there-a-way-to-render-threejs-scene-to-a-cubemap-or-equirectangular-image/34696)

<div class="topic-metadata">

**Author:** [@avrdev](https://discourse.threejs.org/u/avrdev)\
**Replies:** 1\
**Last updated:** [February 9, 2022, 7:59pm UTC](https://discourse.threejs.org/t/is-there-a-way-to-render-threejs-scene-to-a-cubemap-or-equirectangular-image/34696 "2022-02-09T19:59:44Z")

</div>

The intention is to compile the rendered sequence to create a 360 video. So far no luck finding any information on the web

---

## [Cube environment map not working on meshStandardMaterial.envMap & scene.environment](https://discourse.threejs.org/t/cube-environment-map-not-working-on-meshstandardmaterial-envmap-scene-environment/33352)

<div class="topic-metadata">

**Author:** [@orion\_prime](https://discourse.threejs.org/u/orion_prime)\
**Replies:** 3\
**Last updated:** [January 7, 2022, 10:39am UTC](https://discourse.threejs.org/t/cube-environment-map-not-working-on-meshstandardmaterial-envmap-scene-environment/33352 "2022-01-07T10:39:54Z")

</div>

so in webr xr lighting estimation we get xrLight.environment cubeMap as seen in this webxr example three.js examples which when used on meshPhongMaterial.envMap and scene.background works fine but when used on scene.…

---

## [Dynamic Cubemap as MeshPhysicalMaterial envMap possible?](https://discourse.threejs.org/t/dynamic-cubemap-as-meshphysicalmaterial-envmap-possible/31358)

<div class="topic-metadata">

**Author:** [@Hank](https://discourse.threejs.org/u/Hank)\
**Replies:** 0\
**Last updated:** [November 1, 2021, 5:01pm UTC](https://discourse.threejs.org/t/dynamic-cubemap-as-meshphysicalmaterial-envmap-possible/31358 "2021-11-01T17:01:14Z")

</div>

Hi guys, I have been trying to get a dynamic cubemap working with MeshPhysicalMaterial for a few days now and I can’t seem to make it work. All I get is black. I found this thread WebGLRenderer: fails to convert CubeCam…

---

## [Scene.background?](https://discourse.threejs.org/t/scene-background/5938)

<div class="topic-metadata">

**Author:** [@jauregui](https://discourse.threejs.org/u/jauregui)\
**Replies:** 9\
**Last updated:** [January 22, 2021, 9:38pm UTC](https://discourse.threejs.org/t/scene-background/5938 "2021-01-22T21:38:35Z")

</div>

Is there a way to get the cube image array from the scene.backgroud?

---

## [Water not reflecting correctly](https://discourse.threejs.org/t/water-not-reflecting-correctly/20875)

<div class="topic-metadata">

**Author:** [@loveliz](https://discourse.threejs.org/u/loveliz)\
**Replies:** 3\
**Last updated:** [November 20, 2020, 7:23am UTC](https://discourse.threejs.org/t/water-not-reflecting-correctly/20875 "2020-11-20T07:23:48Z")

</div>

I have a scene with a reflective sphere, and everything reflects correctly. However, once I replaced the “water” on the floor to an actual Water object, the reflection (of only the Water object) seems rotated. Wh…

---

## [Cubemap with groundtexture](https://discourse.threejs.org/t/cubemap-with-groundtexture/19218)

<div class="topic-metadata">

**Author:** [@jaya\_kannan](https://discourse.threejs.org/u/jaya_kannan)\
**Replies:** 0\
**Last updated:** [September 29, 2020, 10:56am UTC](https://discourse.threejs.org/t/cubemap-with-groundtexture/19218 "2020-09-29T10:56:19Z")

</div>

See this example, in this , the cubemap and the ground texture is matched perfectly or the object is placed at the bottom image of cubetexture. But, when I try to do this, the cubetexture is completely mismatched wi…

---

## [How to use Cubemape with samplerCube In a Shader?](https://discourse.threejs.org/t/how-to-use-cubemape-with-samplercube-in-a-shader/16780)

<div class="topic-metadata">

**Author:** [@DanteXD](https://discourse.threejs.org/u/DanteXD)\
**Replies:** 3\
**Last updated:** [July 6, 2020, 4:10am UTC](https://discourse.threejs.org/t/how-to-use-cubemape-with-samplercube-in-a-shader/16780 "2020-07-06T04:10:20Z")

</div>

Hey there THREE.JS kupos! I’m wondering if I could get a bit of insight, as I’m sure I’m doing something stupid. The basic question. When I try to pass the cubemap from THREE.CubemapTextureLoader as a shader uniform of…

---

## [How to Map Texture on BoxGeometry](https://discourse.threejs.org/t/how-to-map-texture-on-boxgeometry/15411)

<div class="topic-metadata">

**Author:** [@Mr.JoJI](https://discourse.threejs.org/u/Mr.JoJI)\
**Replies:** 1\
**Last updated:** [May 21, 2020, 12:58am UTC](https://discourse.threejs.org/t/how-to-map-texture-on-boxgeometry/15411 "2020-05-21T00:58:17Z")

</div>

Hey Guys, I am relative new to Three.js and want to add this texture: on a box geometry. How can i do it. There isn’t any clear guide or tutorial for it.

---

## [Dynamic Cubemap](https://discourse.threejs.org/t/dynamic-cubemap/9437)

<div class="topic-metadata">

**Author:** [@Aaron\_Castor](https://discourse.threejs.org/u/Aaron_Castor)\
**Replies:** 3\
**Last updated:** [September 18, 2019, 2:34pm UTC](https://discourse.threejs.org/t/dynamic-cubemap/9437 "2019-09-18T14:34:24Z")

</div>

I’m trying to use a Cubemap as part of a material and update it every frame. I have a material envMap linked to Cubemap.renderTarget.texture. I call render each animation and it is a slide show! Even at size 128. Is …

---

## [Cubic panorama for a sphere's texture](https://discourse.threejs.org/t/cubic-panorama-for-a-spheres-texture/8180)

<div class="topic-metadata">

**Author:** [@pewixg3](https://discourse.threejs.org/u/pewixg3)\
**Replies:** 10\
**Last updated:** [June 28, 2019, 10:27am UTC](https://discourse.threejs.org/t/cubic-panorama-for-a-spheres-texture/8180 "2019-06-28T10:27:35Z")

</div>

Hi I’m trying to create a panorama with a sphere and these image for texture : I have already succeed to do this with an equirectangular panorama. I hope someone have an idea.

---

## [Apply a CubeMap material to a Sphere (not as a reflection)?](https://discourse.threejs.org/t/apply-a-cubemap-material-to-a-sphere-not-as-a-reflection/6312)

<div class="topic-metadata">

**Author:** [@owntheweb](https://discourse.threejs.org/u/owntheweb)\
**Replies:** 2\
**Last updated:** [February 26, 2019, 5:51pm UTC](https://discourse.threejs.org/t/apply-a-cubemap-material-to-a-sphere-not-as-a-reflection/6312 "2019-02-26T17:51:42Z")

</div>

Hello three.js gurus, I’m seeing great blog posts like this one that describe how to apply a CubeMap reflection to a sphere via CubeCamera and a shader material. Cool. Is it possible to apply a CubeMap material to a sp…

---

## [CubeTexture does not appear to support indexing via surface normal. How would I add that?](https://discourse.threejs.org/t/cubetexture-does-not-appear-to-support-indexing-via-surface-normal-how-would-i-add-that/5983)

<div class="topic-metadata">

**Author:** [@dugla](https://discourse.threejs.org/u/dugla)\
**Replies:** 5\
**Last updated:** [February 4, 2019, 3:15pm UTC](https://discourse.threejs.org/t/cubetexture-does-not-appear-to-support-indexing-via-surface-normal-how-would-i-add-that/5983 "2019-02-04T15:15:54Z")

</div>

THREE.CubeTexture is awesome for specular and refractive illumination. However, I am interested in using it for IBL - image based lighting. I have cube map textures that I have convolved for use for global diffuse illumi…

---

## [Accessing opacity of scene background's cubetexture](https://discourse.threejs.org/t/accessing-opacity-of-scene-backgrounds-cubetexture/3110)

<div class="topic-metadata">

**Author:** [@marquizzo](https://discourse.threejs.org/u/marquizzo)\
**Replies:** 3\
**Last updated:** [June 13, 2018, 7:07pm UTC](https://discourse.threejs.org/t/accessing-opacity-of-scene-backgrounds-cubetexture/3110 "2018-06-13T19:07:36Z")

</div>

I understand you can set a CubeTexture as the background of your scene, as seen in this example. When doing so, under the hood, the WebGLRenderer creates a cube that renders the BackSide of the faces: boxMesh = new Mes…

[Next page](https://discourse.threejs.org/tag/cube-map/42.md?match_all_tags=true&page=1&tags%5B%5D=cube-map)