spryte is a standalone 2D renderer for the web. It draws sprites, particles, shapes and text through WebGL2, with a Canvas 2D fallback for browsers without that capability. Its immediate-mode approach asks an application to draw the desired frame rather than create and manage a separate display-object hierarchy. The project is published as an MIT-licensed package and is also used by games on the debuff site.
Bulk sprite drawing accepts a Float32Array of positions so large groups can be submitted without one JavaScript operation per sprite. Render targets and custom fragment shaders support effects such as glow, CRT styling, dissolves and palette changes. The homepage presents potential uses beyond games, including animated scatter plots, creative coding, interactive backgrounds and simulations. A small frame-loop example shows the renderer beginning a frame, drawing individual and bulk sprites, adding text and ending the frame.
The project publishes performance comparisons and a benchmark route that readers can run on their own device. Its headline speed and sprite-count figures are benchmark claims, not guaranteed results for another application or GPU. The site also describes pixel checks between rendering paths and tests for GPU context loss and restoration. Those methods are useful context when reviewing a renderer, but a developer should still test the actual workload, asset sizes, browsers and target devices. An immediate-mode renderer handles drawing; it does not automatically supply a full game engine or application architecture. spryte is a fit for projects that want direct control over a 2D frame and a compact drawing dependency, with their own state and interaction logic kept outside the renderer.





