Analysis updated 2026-05-18
Study a GPU shader technique for anti-aliased 2D vector shape rendering.
Compare this rendering approach against the existing Slug algorithm using the included benchmarks.
Reuse the shader and acceleration structure in a custom vector graphics or font renderer.
Try the hosted web demo to see the technique rendering shapes in a browser.
| texel-org/windfoil | imtonyjaa/ggemu-fishing-joy | dexzane/awesome-web-prompts | |
|---|---|---|---|
| Stars | 173 | 175 | 170 |
| Language | JavaScript | JavaScript | JavaScript |
| Setup difficulty | moderate | moderate | easy |
| Complexity | 5/5 | 4/5 | 1/5 |
| Audience | researcher | developer | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
Requires the Deno runtime and a WebGPU-capable graphics card to run locally, though a hosted web demo needs nothing installed.
windfoil is code and demos for a technique that fills in 2D vector shapes, the kind of curved outlines used in fonts and vector art, on the computer's graphics card rather than the processor. It figures out which parts of a shape should be filled and smooths the edges so curves do not look jagged, doing this calculation for every pixel directly inside a graphics shader. The author describes it as an attempt to improve on an existing public method called the Slug Algorithm for certain situations. The author explains that the core idea was worked out with the help of an AI coding assistant during a single long session inside a much larger project the author had already been building for weeks: a 2D vector rendering engine aimed at very high quality, perfectly smoothed graphics for things like large print artwork. Getting from that first idea to a working, tuned version took many more hours of testing and fixing bugs afterward. The author is upfront that this may or may not be a genuinely new technique, since it builds on several existing approaches, and notes it is possible it overlaps with existing work they simply have not found. The repository includes a written explanation of the algorithm, the actual graphics shader code, supporting JavaScript files for things like font handling and an internal data structure used to speed up the calculations, and a folder of benchmark comparisons against the Slug method. According to those benchmarks, this new approach tends to use less memory, handles overlapping shapes more simply, and comes closer to matching a well known reference renderer's output, though it is sometimes slower and sometimes faster depending on the exact scene being drawn. To run it yourself, you need the Deno JavaScript runtime and a computer whose graphics card supports WebGPU. There is also a hosted web demo you can open directly in a browser without installing anything. This project suits developers and researchers working on graphics rendering, text rendering, or generative art who want to study or reuse this particular anti-aliasing technique.
A GPU-based technique for filling and smoothing the edges of 2D vector shapes, offered as an alternative to an existing method called Slug.
Mainly JavaScript. The stack also includes JavaScript, WGSL, WebGPU.
No license is stated in the README, so reuse and redistribution terms are unclear.
Setup difficulty is rated moderate, with roughly 30min to a first successful run.
Mainly researcher.
This repo across BitVibe Labs
Verify against the repo before relying on details.