threejs-screen-space-ambient-occlusion

Original：🇺🇸 English

Translated

Implement a production GTAO path in Three.js. Use for half-resolution horizon sampling, reversed-depth reconstruction, bent-normal encoding, full-resolution bilateral reconstruction, environment-light application, contact grounding, and halo diagnosis.

20installs

Sourcescottstts/threejs-awesome-graphics-agent-skills

Added on2026-07-16

NPX Install

npx skill4agent add scottstts/threejs-awesome-graphics-agent-skills threejs-screen-space-ambient-occlusion

SKILL.md Content

View Translation Comparison →

Screen-Space Ambient Occlusion

AO estimates missing ambient visibility. It must modulate indirect lighting, not repaint all scene color with a dark multiply.

Workflow

Verify linear depth and view-space normals.
Reconstruct view position consistently.
Sample horizon visibility in a controlled radius.
Estimate AO and optional bent normal.
Denoise with depth/normal-aware filters.
Apply to indirect diffuse and environment response.

Read references/gtao-bent-normal-pipeline.md.

Failure conditions

direct light and emission are darkened;
radius is specified only in pixels;
foreground silhouettes cast thick screen-space halos;
depth discontinuities are blurred together;
AO remains strong at distances where its world radius is subpixel;
bent normals are treated as ordinary geometric normals;
the implementation claims temporal accumulation even though this path has none.

Routing boundary

This skill owns GTAO gathering, bent normals, denoising, and AO application. Use

$threejs-image-pipeline

only when its depth/normal buffers or pass order must be coordinated with other image-space systems.