@whiterook6/webgl

Browser WebGL2 helpers for animation loops, cameras, buffers, shaders, textures, and renderables.

Install

yarn add @whiterook6/webgl gl-matrix

gl-matrix is a peer dependency and must be installed alongside this package.

Usage

Prefer subpath imports for the module you need:

import { AnimationLoop } from "@whiterook6/webgl/animation";
import { OrbitCamera, PerspectiveLens } from "@whiterook6/webgl/cameras";
import { createWebGL2Context } from "@whiterook6/webgl/canvas";

You can also import from the package root:

import { AnimationLoop, OrbitCamera } from "@whiterook6/webgl";

This library targets the browser and expects a canvas with a WebGL2 context.

Subpaths

| Import path | Contents | | --- | --- | | @whiterook6/webgl | Everything | | @whiterook6/webgl/animation | Animation loop | | @whiterook6/webgl/buffers | GPU buffers / framebuffer | | @whiterook6/webgl/cameras | Cameras and lenses | | @whiterook6/webgl/canvas | Canvas / context helpers | | @whiterook6/webgl/interpolators | Bezier / easing helpers | | @whiterook6/webgl/objects | Renderable geometry | | @whiterook6/webgl/renderers | Draw helpers | | @whiterook6/webgl/shaders | Shader wrapper | | @whiterook6/webgl/textures | Texture wrapper | | @whiterook6/webgl/types | Shared math / color types |

License

MIT