Class Context

Most of the time, you won't need to manually create a context.

The defaultContext is, as the name suggests, the context that is used, unless another one is manually specified. It still needs to be initialized:

import { defaultContext, Sampler } from '@gdgt/webgl';


const canvas = document.createElement( 'canvas' );
document.body.appendChild( canvas );

defaultContext.initialize( canvas );

// All objects created without a specified context are tied to defaultContext:
const sampler = new Sampler();
// is equivalent to
const sampler = new Sampler({ context: defaultContext });

// You can also access the underlying WebGL2RenderingContext.
// This will resolve once defaultContext has been initialized.
const gl = await defaultContext.getGlContext();

If you'd rather manage your own context, you can do so by providing each object with your context upon instantiation:

import { Context, Sampler } from '@gdgt/webgl';


const canvas = document.createElement( 'canvas' );
document.body.appendChild( canvas );

const myContext = new Context();
myContext.initialize( canvas );

const sampler = new Sampler({ context: myContext });

Remember to do so on every object you create – using objects across multiple contexts is currently not supported.