webgl-operate logowebgl-operate logo

webgl-operate (or gloperate for WebGL) is a TypeScript based WebGL rendering framework.

webgl-operate enables hardware-accelerated 2D and 3D rendering on html canvases. It is use-case agnostic, i.e., it does not assume a specific type of rendering but facilitates arbitrary rendering approaches instead (e.g., procedural rendering, multi-frame sampling, raytracing, progressive pathtracing).

You 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 --save-dev webgl-operate
CORNELL BOX

Progressive path tracing of the classic Cornell Box in GLSL for WebGL as well as WebGL2.