diff --git a/examples/webgpu_postprocessing_ssgi_ballpool.html b/examples/webgpu_postprocessing_ssgi_ballpool.html index ef6b368ddfa4af..2c8f7453ebbd4c 100644 --- a/examples/webgpu_postprocessing_ssgi_ballpool.html +++ b/examples/webgpu_postprocessing_ssgi_ballpool.html @@ -48,6 +48,8 @@ import { traa } from 'three/addons/tsl/display/TRAANode.js'; import { World } from '@perplexdotgg/bounce'; + import { Inspector } from 'three/addons/inspector/Inspector.js'; + const BALL_RADIUS = 0.4; const FILL_RATIO = 0.4; const PACKING = 0.6; @@ -92,6 +94,7 @@ renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 0.5; renderer.shadowMap.enabled = true; + renderer.inspector = new Inspector(); document.body.appendChild( renderer.domElement ); // @@ -134,8 +137,8 @@ // composite - const gi = giPass.rgb; - const ao = giPass.a; + const gi = giPass.rgb.toInspector( 'SSGI' ); + const ao = giPass.a.toInspector( 'AO' ); const compositePass = vec4( add( scenePassColor.rgb.mul( ao ), scenePassDiffuse.rgb.mul( gi ) ),