# \#cube-texture

**URL:** https://discourse.threejs.org/tag/cube-texture/196.md

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

---

## [Compressed Basis Textures for Cube Maps - Skybox](https://discourse.threejs.org/t/compressed-basis-textures-for-cube-maps-skybox/12016)

<div class="topic-metadata">

**Author:** [@DolphinIQ](https://discourse.threejs.org/u/DolphinIQ)\
**Replies:** 7\
**Last updated:** [February 10, 2020, 10:08am UTC](https://discourse.threejs.org/t/compressed-basis-textures-for-cube-maps-skybox/12016 "2020-02-10T10:08:38Z")

</div>

Hi there :raised\_hand: Im trying to create a skybox using a cube map of 6 images 2048x2048. Obviously that can be quite heavy and I was looking forward to getting that sweet basis compression. :yum: After all it seemed…

---

## [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…

---

## [Change color of scene.background == CubeTexture](https://discourse.threejs.org/t/change-color-of-scene-background-cubetexture/45809)

<div class="topic-metadata">

**Author:** [@Azimov](https://discourse.threejs.org/u/Azimov)\
**Replies:** 2\
**Last updated:** [December 15, 2022, 9:20am UTC](https://discourse.threejs.org/t/change-color-of-scene-background-cubetexture/45809 "2022-12-15T09:20:33Z")

</div>

Is it possible to somehow change the color of the scene.background == CubeTexture? I want to apply fog color to background. The only idea that comes to my mind is to replace scene.background with skybox mesh etc, everyt…

---

## [Multi-resolution cube pano from tiles?](https://discourse.threejs.org/t/multi-resolution-cube-pano-from-tiles/41649)

<div class="topic-metadata">

**Author:** [@tuvshinzaya](https://discourse.threejs.org/u/tuvshinzaya)\
**Replies:** 0\
**Last updated:** [August 20, 2022, 5:47am UTC](https://discourse.threejs.org/t/multi-resolution-cube-pano-from-tiles/41649 "2022-08-20T05:47:40Z")

</div>

Hi all! I got a huge pano sliced into 72 parts and I would like to get a cube pano. How can I get a multi-res cube pano from the set of tiles?

---

## [Can you use a preloaded image in an Cube Texture (Beginner)](https://discourse.threejs.org/t/can-you-use-a-preloaded-image-in-an-cube-texture-beginner/34400)

<div class="topic-metadata">

**Author:** [@ErrorBot1122](https://discourse.threejs.org/u/ErrorBot1122)\
**Replies:** 3\
**Last updated:** [February 3, 2022, 3:20pm UTC](https://discourse.threejs.org/t/can-you-use-a-preloaded-image-in-an-cube-texture-beginner/34400 "2022-02-03T15:20:23Z")

</div>

Disclaimer: Complete Beginner at the Threejs lib, and an advanced beginner at Javascript language as a whole, so expect me to not understand some terminology and make lots of mistakes. YOU HAVE BEEN WARNED :dizzy\_face: S…

---

## [How to set 12 images to cube](https://discourse.threejs.org/t/how-to-set-12-images-to-cube/34167)

<div class="topic-metadata">

**Author:** [@tuvshinzaya](https://discourse.threejs.org/u/tuvshinzaya)\
**Replies:** 3\
**Last updated:** [January 27, 2022, 8:27am UTC](https://discourse.threejs.org/t/how-to-set-12-images-to-cube/34167 "2022-01-27T08:27:43Z")

</div>

Threejs cube require 6 texture. But i’d like to have 12 texture set to cube, that mean one face have 2 texture, it’s like each face have 2 layers. Is it possible ? Thanks

---

## [Multiple textures (200+) on cube geometry](https://discourse.threejs.org/t/multiple-textures-200-on-cube-geometry/34170)

<div class="topic-metadata">

**Author:** [@tuvshinzaya](https://discourse.threejs.org/u/tuvshinzaya)\
**Replies:** 1\
**Last updated:** [January 27, 2022, 8:19am UTC](https://discourse.threejs.org/t/multiple-textures-200-on-cube-geometry/34170 "2022-01-27T08:19:58Z")

</div>

I have lot of tile images, i’d like to put on cube one face. Is it possible ? Thank you

---

## [How to set multiple texture on one side of cube?](https://discourse.threejs.org/t/how-to-set-multiple-texture-on-one-side-of-cube/34106)

<div class="topic-metadata">

**Author:** [@tuvshinzaya](https://discourse.threejs.org/u/tuvshinzaya)\
**Replies:** 0\
**Last updated:** [January 26, 2022, 5:50am UTC](https://discourse.threejs.org/t/how-to-set-multiple-texture-on-one-side-of-cube/34106 "2022-01-26T05:50:20Z")

</div>

Hi guys, Is it possible to draw multiple texture on one side of cube ? Now it’s work like: px, nx py, nz pz, nz But i’d like to have: px, nx px-1, nx-1 px-2, nx-2 py, nz py-1, ny-1 py-2,…

---

## [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.…

---

## [CubeTexture with different sized Images](https://discourse.threejs.org/t/cubetexture-with-different-sized-images/31291)

<div class="topic-metadata">

**Author:** [@Gaurav\_D\_Kale](https://discourse.threejs.org/u/Gaurav_D_Kale)\
**Replies:** 2\
**Last updated:** [November 1, 2021, 4:01am UTC](https://discourse.threejs.org/t/cubetexture-with-different-sized-images/31291 "2021-11-01T04:01:26Z")

</div>

It seems like each image passed into the image array for a CubeTexture must be the same size. Does three.js have any built in functions I can use to resize images before adding them to the images array? Or if anyone has …

---

## [Compressed EnvMaps Broken Past r129 (for me at least)](https://discourse.threejs.org/t/compressed-envmaps-broken-past-r129-for-me-at-least/30924)

<div class="topic-metadata">

**Author:** [@titansoftime](https://discourse.threejs.org/u/titansoftime)\
**Replies:** 4\
**Last updated:** [October 18, 2021, 6:51pm UTC](https://discourse.threejs.org/t/compressed-envmaps-broken-past-r129-for-me-at-least/30924 "2021-10-18T18:51:47Z")

</div>

Upgrading from r129 to r133 has introduced an issue for me where three.js is assuming mipmaps exist for a dds/compressed cubetexture. This texture object has no mipmaps but rather an array of images. Those images do cont…

---

## [Scaling skybox(Scene.background)](https://discourse.threejs.org/t/scaling-skybox-scene-background/29966)

<div class="topic-metadata">

**Author:** [@ingun37](https://discourse.threejs.org/u/ingun37)\
**Replies:** 4\
**Last updated:** [September 16, 2021, 10:28am UTC](https://discourse.threejs.org/t/scaling-skybox-scene-background/29966 "2021-09-16T10:28:07Z")

</div>

I tried setting a CubeTexture to scene’s background and it looked like this. But As you can see it gets scaled so big that the image is magnified too much. I want to scale it down a little bit but I can’t find any ha…

---

## [Cube shader Bug?](https://discourse.threejs.org/t/cube-shader-bug/19784)

<div class="topic-metadata">

**Author:** [@LinoPhil](https://discourse.threejs.org/u/LinoPhil)\
**Replies:** 3\
**Last updated:** [October 15, 2020, 11:07am UTC](https://discourse.threejs.org/t/cube-shader-bug/19784 "2020-10-15T11:07:36Z")

</div>

Hey, check out this little cube inside a snowy park: https://jsfiddle.net/fo40zarx/5/ now: scroll down and comment-out the applying of the cubetexture to the objectMaterial.envMap –\> run -\> cubeshader background will…

---

## [Is this a CubeTexture - OrbitControls bug? \[No\]](https://discourse.threejs.org/t/is-this-a-cubetexture-orbitcontrols-bug-no/17944)

<div class="topic-metadata">

**Author:** [@GuzmanTierno](https://discourse.threejs.org/u/GuzmanTierno)\
**Replies:** 7\
**Last updated:** [August 17, 2020, 5:43pm UTC](https://discourse.threejs.org/t/is-this-a-cubetexture-orbitcontrols-bug-no/17944 "2020-08-17T17:43:24Z")

</div>

I have a simple scene with a CubeTexture in the background. When I position the camera at a specific position one side of the cube texture disappears. Here’s a simple example. The problem goes away if you orbit the s…

---

## [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…

---

## [Need help adding a cube texture background](https://discourse.threejs.org/t/need-help-adding-a-cube-texture-background/15373)

<div class="topic-metadata">

**Author:** [@jstruve](https://discourse.threejs.org/u/jstruve)\
**Replies:** 3\
**Last updated:** [May 22, 2020, 7:54am UTC](https://discourse.threejs.org/t/need-help-adding-a-cube-texture-background/15373 "2020-05-22T07:54:07Z")

</div>

I would greatly appreciate any assistance that anyone can provide with respect to adding a cubetexture background to a three.js project. I used the three.js web editor for the initial design, so the resulting code and fi…

---

## [How to capture a cubemap image in scene to get a correct reflection?](https://discourse.threejs.org/t/how-to-capture-a-cubemap-image-in-scene-to-get-a-correct-reflection/9223)

<div class="topic-metadata">

**Author:** [@kevinshane](https://discourse.threejs.org/u/kevinshane)\
**Replies:** 5\
**Last updated:** [August 27, 2019, 9:11am UTC](https://discourse.threejs.org/t/how-to-capture-a-cubemap-image-in-scene-to-get-a-correct-reflection/9223 "2019-08-27T09:11:08Z")

</div>

Hi three gurus, I am trying to find a way to capture a cubemap inside a room, more like a reflection probe, currently I am using .CubeTextureLoader but obviously the reflection is totall wrong when inside a room. I sear…

---

## [Is it possible to manually set mipmaps for CubeTexture?](https://discourse.threejs.org/t/is-it-possible-to-manually-set-mipmaps-for-cubetexture/1299)

<div class="topic-metadata">

**Author:** [@mciastek](https://discourse.threejs.org/u/mciastek)\
**Replies:** 0\
**Last updated:** [November 25, 2017, 7:16pm UTC](https://discourse.threejs.org/t/is-it-possible-to-manually-set-mipmaps-for-cubetexture/1299 "2017-11-25T19:16:32Z")

</div>

Hello, I’m trying to manually set mipmaps for CubeTexture. I pushed image objects to mipmaps property of CubeTexture, but it doesn’t work at all. I saw an issue on Three.js’s Github, which says that there is a solution …
