Skip to content

Commit 42aa39a

Browse files
authored
Examples: Explicitly set clear color in WebGPU demos (#33452)
1 parent 446d663 commit 42aa39a

21 files changed

Lines changed: 22 additions & 4 deletions

examples/misc_controls_fly.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -197,6 +197,7 @@
197197
renderer = new THREE.WebGPURenderer( { antialias: true } );
198198
renderer.setPixelRatio( window.devicePixelRatio );
199199
renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
200+
renderer.setClearColor( 0x000000 );
200201
renderer.setAnimationLoop( animate );
201202
document.body.appendChild( renderer.domElement );
202203

examples/misc_raycaster_helper.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@
4141
renderer = new THREE.WebGPURenderer( { antialias: true } );
4242
renderer.setPixelRatio( window.devicePixelRatio );
4343
renderer.setSize( window.innerWidth, window.innerHeight );
44+
renderer.setClearColor( 0x000000 );
4445
renderer.setAnimationLoop( animate );
4546
document.body.appendChild( renderer.domElement );
4647

examples/webgpu_camera_logarithmicdepthbuffer.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -157,6 +157,7 @@
157157
const renderer = new THREE.WebGPURenderer( { antialias: true, logarithmicDepthBuffer: logDepthBuf } );
158158
renderer.setPixelRatio( window.devicePixelRatio );
159159
renderer.setSize( SCREEN_WIDTH / 2, SCREEN_HEIGHT );
160+
renderer.setClearColor( 0x000000 );
160161
renderer.domElement.style.position = 'relative';
161162
renderer.domElement.id = 'renderer_' + name;
162163
renderer.inspector = new Inspector();

examples/webgpu_compute_particles.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -156,6 +156,7 @@
156156
renderer = new THREE.WebGPURenderer( { antialias: true } );
157157
renderer.setPixelRatio( window.devicePixelRatio );
158158
renderer.setSize( window.innerWidth, window.innerHeight );
159+
renderer.setClearColor( 0x000000 );
159160
renderer.setAnimationLoop( animate );
160161
renderer.inspector = new Inspector();
161162
document.body.appendChild( renderer.domElement );

examples/webgpu_compute_particles_rain.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -275,6 +275,7 @@
275275
renderer = new THREE.WebGPURenderer( { antialias: true } );
276276
renderer.setPixelRatio( window.devicePixelRatio );
277277
renderer.setSize( window.innerWidth, window.innerHeight );
278+
renderer.setClearColor( 0x000000 );
278279
renderer.setAnimationLoop( animate );
279280
renderer.inspector = new Inspector();
280281
document.body.appendChild( renderer.domElement );

examples/webgpu_compute_particles_snow.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -271,6 +271,7 @@
271271
renderer.toneMapping = THREE.ACESFilmicToneMapping;
272272
renderer.setPixelRatio( window.devicePixelRatio );
273273
renderer.setSize( window.innerWidth, window.innerHeight );
274+
renderer.setClearColor( 0x000000 );
274275
renderer.setAnimationLoop( animate );
275276
renderer.inspector = new Inspector();
276277
document.body.appendChild( renderer.domElement );

examples/webgpu_instance_points.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -150,6 +150,7 @@
150150
renderer = new THREE.WebGPURenderer( { antialias: true } );
151151
renderer.setPixelRatio( window.devicePixelRatio );
152152
renderer.setSize( window.innerWidth, window.innerHeight );
153+
renderer.setClearColor( 0x000000 );
153154
renderer.setAnimationLoop( animate );
154155
renderer.inspector = new Inspector();
155156
document.body.appendChild( renderer.domElement );

examples/webgpu_lights_custom.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,7 @@
120120
renderer = new THREE.WebGPURenderer( { antialias: true } );
121121
renderer.setPixelRatio( window.devicePixelRatio );
122122
renderer.setSize( window.innerWidth, window.innerHeight );
123+
renderer.setClearColor( 0x000000 );
123124
renderer.setAnimationLoop( animate );
124125
document.body.appendChild( renderer.domElement );
125126

examples/webgpu_lights_pointlights.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -91,6 +91,7 @@
9191
renderer = new THREE.WebGPURenderer( { antialias: true } );
9292
renderer.setPixelRatio( window.devicePixelRatio );
9393
renderer.setSize( window.innerWidth, window.innerHeight );
94+
renderer.setClearColor( 0x000000 );
9495
renderer.setAnimationLoop( animate );
9596
document.body.appendChild( renderer.domElement );
9697

examples/webgpu_lines_fat.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@
5353

5454
renderer = new THREE.WebGPURenderer( { antialias: true } );
5555
renderer.setPixelRatio( window.devicePixelRatio );
56-
renderer.setClearColor( 0x000000, 0.0 );
56+
renderer.setClearColor( 0x000000 );
5757
renderer.setSize( window.innerWidth, window.innerHeight );
5858
renderer.setAnimationLoop( animate );
5959
document.body.appendChild( renderer.domElement );
@@ -164,7 +164,7 @@
164164

165165
// main scene
166166

167-
renderer.setClearColor( 0x000000, 0 );
167+
renderer.setClearColor( 0x000000 );
168168

169169
renderer.setViewport( 0, 0, window.innerWidth, window.innerHeight );
170170

0 commit comments

Comments
 (0)