This project is part of the @thi.ng/umbrella monorepo.
WebGL & GLSL abstraction layer.
Largely declarative WebGL 1.0 / 2.0 abstraction layer, partially ported & updated from Clojure/ClojureScript versions of thi.ng/geom.
BETA - possibly breaking changes forthcoming
Search or submit any issues for this package
yarn add @thi.ng/webgl
// ES module
<script type="module" src="https://unpkg.com/@thi.ng/webgl?module" crossorigin></script>
// UMD
<script src="https://unpkg.com/@thi.ng/webgl/lib/index.umd.js" crossorigin></script>
Package sizes (gzipped, pre-treeshake): ESM: 11.79 KB / CJS: 12.00 KB / UMD: 11.79 KB
Several demos in this repo's /examples directory are using this package.
A selection:
Screenshot | Description | Live demo | Source |
---|---|---|---|
![]() | Evolutionary shader generation using genetic programming | Demo | Source |
![]() | HOF shader procedural noise function composition | Demo | Source |
![]() | WebGL & JS canvas2D raymarch shader cross-compilation | Demo | Source |
![]() | WebGL & JS canvas 2D SDF | Demo | Source |
![]() | WebGL & Canvas2D textured tunnel shader | Demo | Source |
![]() | Minimal shader graph developed during livestream #2 | Demo | Source |
![]() | Entity Component System w/ 100k 3D particles | Demo | Source |
![]() | WebGL multi-colored cube mesh | Demo | Source |
![]() | WebGL cube maps with async texture loading | Demo | Source |
![]() | WebGL instancing, animated grid | Demo | Source |
![]() | WebGL MSDF text rendering & particle system | Demo | Source |
Minimal multi-pass / GPGPU example | Demo | Source | |
![]() | Shadertoy-like WebGL setup | Demo | Source |
![]() | WebGL screenspace ambient occlusion | Demo | Source |
TODO
If this project contributes to an academic publication, please cite it as:
@misc{thing-webgl,
title = "@thi.ng/webgl",
author = "Karsten Schmidt and others",
note = "https://thi.ng/webgl",
year = 2014
}
© 2014 - 2021 Karsten Schmidt // Apache Software License 2.0
Generated using TypeDoc