skyeshark/icaa-antialiasing — explained in plain English
Analysis updated 2026-05-18
Compare anti-aliasing methods against FXAA using the live browser benchmark
Study a new algorithm for smoothing jagged edges in real-time 3D graphics
Integrate the ICAA TSL node into a Three.js WebGPU rendering pipeline
| skyeshark/icaa-antialiasing | 3imed-jaberi/cryptography-si-isamm | 3imed-jaberi/koa-isomorphic-router | |
|---|---|---|---|
| Stars | 2 | 2 | 2 |
| Language | JavaScript | JavaScript | JavaScript |
| Last pushed | — | 2021-09-25 | 2021-02-06 |
| Maintenance | — | Dormant | Dormant |
| Setup difficulty | moderate | easy | easy |
| Complexity | 4/5 | 1/5 | 2/5 |
| Audience | developer | researcher | developer |
Figures from each repo's GitHub metadata at analysis time.
Needs a WebGPU-capable browser such as Chrome or Edge, the first load compiles shaders.
This project introduces ICAA, short for Isoline Coverage Anti-Aliasing, a new image smoothing technique built for Three.js running on WebGPU. Anti-aliasing removes the jagged, stair step edges you get on 3D graphics, and this repo proposes a new way to do that in a single pass, using only the pixels already on screen rather than extra rendering passes or motion history. The method works by detecting sub pixel edges in the rendered image, fitting them mathematically, and then calculating how much each pixel should be smoothed based on that fit. The author describes it as belonging to the same family of techniques as older methods like MLAA and SMAA, but built with a different underlying approach that neither the author nor independent reviewers could find precedent for. The repo includes a live browser demo that runs entirely in Chrome or Edge using WebGPU, letting anyone compare ICAA side by side with FXAA and other anti-aliasing methods on their own graphics card, including a full benchmark mode. Measured results included in the README show ICAA scoring better than FXAA on edge sharpness and causing less unwanted blurring of textures, though it is somewhat more expensive to run and its stability across moving frames is mixed compared to some other methods. The README is unusually detailed about tradeoffs and includes a corrections section describing bugs found during an independent review and how they were fixed, along with citations to earlier academic work in the field. This project is aimed at graphics programmers and researchers working with real time 3D rendering, particularly those using Three.js and WebGPU, rather than general application developers. There is no packaged library to install here, it works as a research demo and benchmark comparing this new technique against established ones.
A single-pass anti-aliasing technique for Three.js WebGPU that smooths jagged edges more accurately than FXAA, with a live browser benchmark demo.
Mainly JavaScript. The stack also includes JavaScript, Three.js, WebGPU.
The README does not state a license, so usage rights are unclear.
Setup difficulty is rated moderate, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
double-check against the repo, no cap.