# Skybox background more darker than cubemap texture

**URL:** <https://forum.babylonjs.com/t/skybox-background-more-darker-than-cubemap-texture/42724>\
**Category:** Questions\
**Created:** [July 26, 2023, 8:34am UTC](https://forum.babylonjs.com/t/skybox-background-more-darker-than-cubemap-texture/42724 "2023-07-26T08:34:20Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![law](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/law/32/33865_2.png) [@law](https://forum.babylonjs.com/u/law)\
**Post date:** [July 26, 2023, 8:34am UTC](https://forum.babylonjs.com/t/skybox-background-more-darker-than-cubemap-texture/42724/1 "2023-07-26T08:34:20Z")

</div>

I suceffully load cube map texture as a sky box but I found it is more darker than original image  
I try to add light or postprocessing way but fail to get bright like original texture image  
how to solve it?

 ![nz](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/3/2/324d2f5f260778a665bd97d9e934c55cf95d48c4.jpeg)

```auto
var skyMaterial = new BABYLON.StandardMaterial("skybox", scene);
		skyMaterial.backFaceCulling = false;
		skyMaterial.reflectionTexture = new BABYLON.CubeTexture("/cubemap/box", scene);
		skyMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;
		skyMaterial.diffuseColor = new BABYLON.Color3(1, 1, 1);
		skyMaterial.specularColor = new BABYLON.Color3(0, 0, 0);

```

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [July 26, 2023, 9:26am UTC](https://forum.babylonjs.com/t/skybox-background-more-darker-than-cubemap-texture/42724/2 "2023-07-26T09:26:28Z")

</div>

Welcome aboard!

How is the “original” picture generated? What is the texture/file used for the skybox in that picture?

---

<div class="post-metadata">

**Author:** ![law](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/law/32/33865_2.png) [@law](https://forum.babylonjs.com/u/law)\
**Post date:** [July 27, 2023, 12:10am UTC](https://forum.babylonjs.com/t/skybox-background-more-darker-than-cubemap-texture/42724/3 "2023-07-27T00:10:28Z")

</div>

left is origianal texture file right is what I seeing after rendering

all I did just load the texture follow the above code

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [July 27, 2023, 1:01am UTC](https://forum.babylonjs.com/t/skybox-background-more-darker-than-cubemap-texture/42724/4 "2023-07-27T01:01:01Z")

</div>

Are you able to share the code in the [Playground](https://playground.babylonjs.com/)?

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [July 27, 2023, 2:15am UTC](https://forum.babylonjs.com/t/skybox-background-more-darker-than-cubemap-texture/42724/5 "2023-07-27T02:15:49Z")

</div>

I believe you can try to set texture.level to the value which suits your needs.  
Here is Skybox example from the Docs - [https://playground.babylonjs.com/#UU7RQ#1](https://playground.babylonjs.com/#UU7RQ#1)  
Here is the same example with texture.level = 2 - [https://playground.babylonjs.com/#UU7RQ#3684](https://playground.babylonjs.com/#UU7RQ#3684)

---

<div class="post-metadata">

**Author:** ![law](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/law/32/33865_2.png) [@law](https://forum.babylonjs.com/u/law)\
**Post date:** [July 27, 2023, 4:49am UTC](https://forum.babylonjs.com/t/skybox-background-more-darker-than-cubemap-texture/42724/6 "2023-07-27T04:49:01Z")

</div>

Thanks ! it solved to set  
`reflectionTexture.level = 1.4;`  
🙂 thanks!