MarioAndF

MarioAndF / n8ao-webgpu

Public

Unofficial Three.js WebGPU/TSL adaptation of N8AO.

19
0
100% credibility
Found Apr 22, 2026 at 19 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

This package adds screen-space ambient occlusion to Three.js WebGPU scenes for realistic depth shading without halos or performance issues.

How It Works

1
🔍 Discover deeper 3D scenes

You stumble upon a tool that makes your 3D creations pop with realistic shadows in corners and crevices, turning flat models into lifelike worlds.

2
📦 Add the shadow magic

You bring this effect into your 3D project alongside your scene and camera setup.

3
⚡ Tune the shadows

You play with simple sliders for shadow size, strength, and color to match your vision perfectly.

4
👀 Preview the difference

You switch between your original scene and the enhanced version to see depth come alive instantly.

5
🚀 Turn it on everywhere

Your enhanced scenes now render beautifully in any viewer, adding that professional touch.

🎉 Your 3D world feels real

Friends and viewers rave about the depth and realism, making your creations stand out effortlessly.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 19 to 19 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is n8ao-webgpu?

n8ao-webgpu delivers screen-space ambient occlusion (SSAO) to Three.js WebGPU/TSL apps via a simple PostProcessing node in TypeScript. It darkens scene crevices for realistic depth, fixing flat 3D renders without the halo artifacts or zoom-dependent perf issues of Three.js's GTAO or SSGI. Drop it in with your scene's beauty, depth, and normal textures—tweak aoRadius, intensity, or color via config for instant results.

Why is it gaining traction?

This unofficial N8AO adaptation beats built-ins with halo-free output at any zoom, built-in spatial/temporal denoising, half-res mode (2-4x faster), and presets from mobile "Performance" to desktop "Ultra." Screen-space radius keeps AO consistent across scales, and display modes like "Split" help debug visually. Like other unofficial GitHub tools—think unofficial GitHub status pages or Rust unofficial GitHub IO ports—it slots into npm workflows seamlessly.

Who should use this?

Three.js devs building WebGPU scenes with variable zooms, like anatomy viewers (as in OpenHuman Atlas) or architectural walkthroughs needing reliable depth without extra denoisers. Suited for frontend teams prototyping real-time 3D in browsers supporting WebGPU, especially those ditching WebGL's limitations. Avoid if you're on WebGL or chasing full GI.

Verdict

Grab it for Three.js WebGPU AO that just works—clean, configurable, and performant. At 19 stars and 1.0% credibility, it's nascent but boasts strong docs, tests, and CC0 license; test in non-prod first.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.