threejs-screen-space-ambient-occlusion
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.
How do I install this agent skill?
npx skills add https://github.com/scottstts/threejs-awesome-graphics-agent-skills --skill threejs-screen-space-ambient-occlusionIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill is a technical implementation guide for high-fidelity Screen-Space Ambient Occlusion (GTAO) and bent normals in Three.js. It contains mathematical formulas, shader logic, and diagnostic requirements consistent with computer graphics development. No malicious code, unauthorized data access, or network exfiltration patterns were detected.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
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.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/scottstts/threejs-awesome-graphics-agent-skills/threejs-screen-space-ambient-occlusion">View threejs-screen-space-ambient-occlusion on skillZs</a>