Create a WebGL context right now!
This module is an extension of game-shell that creates a WebGL enabled canvas and adds it to the specified container.
//Initialize shellvar shell =shellshellshell
npm install gl-now
var shell = require("gl-now")([options])
Options is an object that takes the same fields as in game-shell with the following additions:
clearFlagsa list of flags to clear on redraw. (Default
gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT)
clearColora length 4 array representing background clear color. (Defaults to element's background-color or else
[0.2, 0.4, 0.8, 1.0]
clearDepthvalue to clear depth buffer to (Defaults to
clearStencilvalue to clear stencil buffer to (Defaults to
extensionsa list of necessary WebGL extensions to support. Vendor prefix optional. You can access these extensions later using webglew
glOptionson object containing a set of parameters which are passed to the webgl context directly.
In addition to all the events inherited from game-shell,
gl-now adds the following events:
Called once the WebGL context is initialized
Called at the start of the WebGL frame.
Called if there was an error initializing webgl
Called when the WebGL window is resized
gl-now adds the following extra properties to
The WebGL context
The canvas object
The width of the gl context
The height of the context
The scale of the context, which defaults to 1. Set it to higher values for a smaller viewport and faster rendering at the expense of quality.
A length 2 vector giving the current coordinate of the mouse on the screen
A length 2 vector giving the previous coordinate of the mouse on the screen
(c) 2013 Mikola Lysenko. MIT License