onedraw-webgpu

webGPU GPU driven 2d sdf renderer drop-in library

GPU-driven sdf 2D renderer drop-in library

onedraw-webgpu is designed to render everything in a single draw call, maximizing GPU efficiency for 2D graphics. This is a port of the Metal version, it currently uses wgpu as webgpu layer but should work with Dawn.

Screenshot

Features

• Single draw call rendering, all primitives are drawn in one draw call.
• Tile-based binning : a compute shader processes only the primitives that influence each tile, reducing wasted work.
• Shader-based alpha blending : all blending operations are handled in the shader, no framebuffer read/write required.
• Anti-aliasing : smooth edges using signed distance functions.
• Lightweight and minimal : drop-in library with minimal dependencies, everthing in C11
• Baked font, ready-to-use debug text rendering
• Wide shape support : box, blurred box, rectangle, oriented box/rectangle, triangle, triangle ring, disc, circle, ellipse, arc, sector, textured quad, oriented textured quad.
• Shape operations : union, subtraction, intersection
• Outline

Upcoming features

• Hierarchical tile binning : copmpute shaders to pre-filter tile commands lists at a high level (4x4 regions for the whole screen)
• Timing : get gpu time from webgpu
• emscripten example

Integration

• Copy all files from the /lib folder.
• Add onedraw.c to your build system.
• Create your window and provide the webgpu device and surface
• Link with WebGPU framework

Minimal example

PLACEHOLDER

Build

Follow the step to build and run the test program:

• mkdir build
• cd build
• cmake ..
• make
• ./test