Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

gl-blend-demo

Jam37MIT2.0.0

an example scene which blends foreground and background images

ecosystem:stackgl, stack.gl, stackgl, blend, blending, glsl, photoshop, test, example, demo

readme

gl-blend-demo

stable

A demo to visualize different blend modes. Takes in a shader and context attributes, and returns a GL context with a test image blended over a background.

Usage

NPM

demo = require('gl-blend-demo')(opt)

Build an example where opt can be:

  • options for webgl-context (width, height, etc)
  • shader which can be a function to create a shader (taking gl as first parameter) or a gl-shader object

The canvas width and height defaults to the test texture size (512x512).

demo.render()

Re-renders the demo with the current shader.

demo.shader

The shader to use while rendering.

demo.canvas

A reference to the canvas, which can be appended to the document body.

Contributing

See stackgl/contributing.

License

MIT, see LICENSE.md for details.