# Width != height for cube map

**URL:** <https://discourse.threejs.org/t/width-height-for-cube-map/34821>\
**Category:** Questions\
**Tags:** textures\
**Created:** [February 13, 2022, 12:07am UTC](https://discourse.threejs.org/t/width-height-for-cube-map/34821 "2022-02-13T00:07:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![henriquebr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/henriquebr/32/24222_2.png) [@henriquebr](https://discourse.threejs.org/u/henriquebr)\
**Post date:** [February 13, 2022, 12:07am UTC](https://discourse.threejs.org/t/width-height-for-cube-map/34821/1 "2022-02-13T00:07:10Z")

</div>

Getting this error when i try to do a skybox  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/9/a/9acb80af9967982a39a8fa78711873640f8f4904.png)

---

<div class="post-metadata">

**Author:** ![henriquebr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/henriquebr/32/24222_2.png) [@henriquebr](https://discourse.threejs.org/u/henriquebr)\
**Post date:** [February 13, 2022, 12:20am UTC](https://discourse.threejs.org/t/width-height-for-cube-map/34821/2 "2022-02-13T00:20:49Z")

</div>

function addSkybox() {

let texture\_front = textureLoader.load(

```
'../textures/skybox/teste2/arid2_ft.jpg'

```

)

let texture\_back = textureLoader.load(

```
'../textures/skybox/teste2/arid2_bk.jpg'

```

)

let texture\_left = textureLoader.load(

```
'../textures/skybox/teste2/arid2_lf.jpg'

```

)

let texture\_right = textureLoader.load(

```
'../textures/skybox/teste2/arid2_rt.jpg'

```

)

let texture\_top = textureLoader.load(’…/textures/skybox/teste2/arid2\_up.jpg’)

let texture\_bottom = textureLoader.load(

```
'../textures/skybox/teste2/arid2_dn.jpg'

```

)

let materialArray = []

materialArray.push(

```
new THREE.MeshBasicMaterial({ map: texture_front, side: THREE.DoubleSide })

```

)

materialArray.push(

```
new THREE.MeshBasicMaterial({ map: texture_back, side: THREE.DoubleSide })

```

)

materialArray.push(

```
new THREE.MeshBasicMaterial({ map: texture_left, side: THREE.DoubleSide })

```

)

materialArray.push(

```
new THREE.MeshBasicMaterial({ map: texture_right, side: THREE.DoubleSide })

```

)

materialArray.push(

```
new THREE.MeshBasicMaterial({ map: texture_top, side: THREE.DoubleSide })

```

)

materialArray.push(

```
new THREE.MeshBasicMaterial({ map: texture_bottom, side: THREE.DoubleSide })

```

)

let SkyboxGeo = new THREE.BoxGeometry(10000, 10000, 10000)

let skybox = new THREE.Mesh(SkyboxGeo, materialArray)

scene.add(skybox)

}

---

<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:** [February 13, 2022, 1:12pm UTC](https://discourse.threejs.org/t/width-height-for-cube-map/34821/3 "2022-02-13T13:12:19Z")

</div>

Do you mind sharing your skybox textures in this thread?