# Three.js white background issue

**URL:** https://forum.8thwall.com/t/three-js-white-background-issue/325
**Category:** Technical Support
**Tags:** threejs, postprocessing
**Created:** [February 16, 2024, 10:36am UTC](https://forum.8thwall.com/t/three-js-white-background-issue/325 "2024-02-16T10:36:12Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![AliveNow\_Inc](https://avatars.discourse-cdn.com/v4/letter/a/db5fbb/32.png) [@AliveNow\_Inc](https://forum.8thwall.com/u/AliveNow_Inc)
#### Post date: [February 16, 2024, 10:36am UTC](https://forum.8thwall.com/t/three-js-white-background-issue/325/1 "2024-02-16T10:36:12Z")

</div>

Hi, I am trying to create a Three.js selective bloom effect, I have combined the following projects: [three.js: Place Ground | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/placeground-threejs/code/head.html) and [Three.js: Postprocessing - Unreal Bloom | 8th Wall Playground | 8th Wall](https://www.8thwall.com/playground/postprocessing-bloom).

Currently, I am facing a white background issue. I have tried

```auto
window.XR8.Threejs.configure({renderCameraTexture: true})
cameraTexture = window.XR8.Threejs.xrScene().cameraTexture
const scene = new Scene()
scene.background = cameraTexture

```

and

`renderer.setClearColor(0xffffff, 0)`

But still, I am still facing a white background issue.

---

<div class="post-metadata">

### Author: ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)
#### Post date: [February 22, 2024, 9:05pm UTC](https://forum.8thwall.com/t/three-js-white-background-issue/325/2 "2024-02-22T21:05:55Z")

</div>

Hello @AliveNow_Inc are you recieving any console errors? More information would be helpful.

---

<div class="post-metadata">

### Author: ![AliveNow\_Inc](https://avatars.discourse-cdn.com/v4/letter/a/db5fbb/32.png) [@AliveNow\_Inc](https://forum.8thwall.com/u/AliveNow_Inc)
#### Post date: [February 28, 2024, 6:40am UTC](https://forum.8thwall.com/t/three-js-white-background-issue/325/3 "2024-02-28T06:40:18Z")

</div>

There are no errors displayed, except for the white screen issue.

If we did not create a **new renderer** , the white screen issue is not showing.  
The code has been modified, and I am using the default scene, camera, and renderer.

` const {scene, camera, renderer} = window.XR8.Threejs.xrScene()`

The issue with the white screen has disappeared now.

---

<div class="post-metadata">

### Author: ![casper1](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/casper1/32/1612_2.png) [@casper1](https://forum.8thwall.com/u/casper1)
#### Post date: [January 22, 2025, 3:33pm UTC](https://forum.8thwall.com/t/three-js-white-background-issue/325/4 "2025-01-22T15:33:26Z")

</div>

How can I fix the white screen issue in Three.js, where the background remains white despite setting the render camera texture and clear color? Are there additional debugging steps or code tweaks that can help resolve this?

---

<div class="post-metadata">

### Author: ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)
#### Post date: [January 22, 2025, 7:04pm UTC](https://forum.8thwall.com/t/three-js-white-background-issue/325/5 "2025-01-22T19:04:49Z")

</div>

Can you share your code?
