@thi.ng/webgl

npm downloads

This project is part of the @thi.ng/umbrella monorepo.

About

WebGL & GLSL abstraction layer.

Largely declarative WebGL 1.0 / 2.0 abstraction layer, partially ported & updated from Clojure/ClojureScript versions of thi.ng/geom.

Extensive set of WebGL related types & interfaces
Declarative shader definition
- option to fully define shaders in TypeScript and transpile to GLSL (via @thi.ng/shader-ast)
- attribute, varying, uniform & output type declarations via a simple config object
- GLSL code generation of data type declarations
- automatic support for GLSL ES 1.0 & 3.0
- optional layout attrib layout support for GLES 3 (WebGL2)
- automatic & typed uniform setters
- pre-declared desired GL draw state flags / settings
- customizable shader presets
Declarative geometry, attribute & index buffer specs
Declarative instancing (always available in WebGL2, or via ANGLE ext in WebGL1)
Texture wrapper, declarative config
Comprehensive texture format info (channels, strides, renderable, filterable etc.)
FBO support with multiple attachments & render buffers
Multi-pass shader pipeline (e.g. for GPGPU tasks)
Pixel reading from main color buffer and textures
Geometry & texture generators
WebGL extension helpers & semi-automatic extension enabling
WebGL canvas creation / setup

BETA - possibly breaking changes forthcoming

@thi.ng/webgl-msdf - Multi-channel SDF font rendering & basic text layout for WebGL
@thi.ng/webgl-shadertoy - Basic WebGL scaffolding for running interactive fragment shaders via @thi.ng/shader-ast

@thi.ng/ecs - Entity Component System based around typed arrays & sparse sets
@thi.ng/geom - Functional, polymorphic API for 2D geometry types & SVG generation
@thi.ng/imgui - Immediate mode GUI with flexible state handling & data only shape output
@thi.ng/matrices - Matrix & quaternion operations for 2D/3D geometry processing
@thi.ng/shader-ast - DSL to define shader code in TypeScript and cross-compile to GLSL, JS and other targets
@thi.ng/soa - SOA & AOS memory mapped structured views with optional & extensible serialization
@thi.ng/vectors - Optimized 2d/3d/4d and arbitrary length vector operations
@thi.ng/vector-pools - Data structures for managing & working with strided, memory mapped vectors