Build high-performance rendering applications with this use case agnostic, TypeScript based WebGL engine.
webgl-operate is an open source engine that enables hardware-accelerated 2D and 3D rendering and computation. It is highly extensible and facilitates arbitrary rendering approaches such as forward rendering, offscreen computing, multi-frame sampling, raymarching raytracing, or progressive pathtracing.
Get StartedDownloadYou can integrate webgl-operate as bundled JavaScript in your HTML:
<script src="https://cdn.jsdelivr.net/npm/webgl-operate@latest/dist/webgl-operate.min.js"></script>
Or you can use webgl-operate as JavaScript or TypeScript library (types included) via npm:
npm install webgl-operate
The sources of each of the following demos are part of the webgl-operate repository, located in the demos directory.
Progressive path tracing of the classic Cornell Box in GLSL for WebGL as well as WebGL2.
by cgcostume and chistopher
glTF support with physical-based rendering and multi-frame sampling.
High-performance, text placement, typesetting, and rendering of in 2D and 3D.
by anne-gropler and cgcostume
PBR renderer showcasing different methods of physically plausible lighting.
by p-otto
Particle rendering for interactive visual display of an animated point cloud.
by cgcostume
WebGL port of the initial glbinding cubescape demo using instanced rendering.
by cgcostume