THREE.JS / FOUNDATIONS 176

Visibility is a question with a one-frame delay.

The renderer asks the GPU whether a target drew any samples. The answer returns asynchronously, then a node turns that answer into a visible surface state.

Initializing 0 / 2 ready

Creating the occluder, query target, and object-updated material.

WebGPU renderer query initializing
WebGPU occlusion query frames 0
WebGL2 renderer fallback initializing
WebGL2 occlusion query frames 0

query contract

Change what the GPU can see.

Waiting for the first resolved query.

Only the sphere has occlusionTest = true. The plane's object-updated node reads renderer.isOccluded(sphere); results describe the previous completed render.

WebGPU
WebGL2
query
—
—
latency
—
—
frames
—
—
tests
—
—
draws
—
—
01arm target
02render depth
03read prior result

A green plane means the target sphere was fully occluded.

LAB 176 / OCCLUSION QUERIES