Preserves WebGL state variables using a stack. This gives similar capabilities to OpenGL 1.0's pushAttrib/popAttrib, only with finer control over the variables which are stored. These methods are useful when writing simple hierarchical rendering functions, or for debugging operations in the middle of the pipeline.
var shell =var createStateStack =var stackshell
npm install gl-state
Constructs a new state stack object that saves some subset of the global WebGL state for the context
glis a WebGL context
variablesis an optional list of state variables as defined in the specification of
gl.getParameter. If not specified, the entire state will be saved
Returns A new WebGL state stack object
Note on performance Modifying the WebGL state is expensive, especially if you update more of it. In general, you should avoid creating too many full context state changes. To do this, you should only specify a list of variables which you plan on actually modifying in the course of your code. For example, to save only state variables associated with the depth buffer, you could do the following:
var depthStack =
In this way you don't have to save and update more of the WebGL context than is necessary.
Note on textures Also the texture unit state is handled in a slightly different way. To specify saving the texture state, you can do:
var textureStack =
This will save the texture state associated to all currently active texture units.
Note on support Currently support for saving the state of shaders, uniforms and attributes is somewhat limited. If you are using these features and want to preserve the state of the rendering context you must do this yourself.
The following methods are exposed by the stack object:
Saves the current state of the WebGL context onto the stack
Restores the last pushed state from the stack.
(c) 2014 Mikola Lysenko. MIT License