gl-checker-background

Draws a checkered full-screen background quad, ideal for quick demos.

var createBackground = require('gl-checker-background')
 
var background = createBackground(gl, {
    colors: [
        [0x50,0x50,0x50,0xff],
        [0x46,0x46,0x46,0xff]
    ]
})
 
function render() {
    ...
    background.draw()
}

Usage

bg = createBackground(gl[, opt])

Creates a checkered background with some options.

• shader a shader to use, defaults to a new shader with gl-basic-shader
• batch a gl-sprite-batch to use, defaults to a new one with a capacity of 1 sprite
• colors an array of RGBA colors (in bytes) to use for the two tones
• size the desired square size of the checker pixel, default 32 * devicePixelRatio

bg.draw([width, height])

Draws the sprite as a full-screen quad, using the width, height to determine the repeating texture coordinates of the checker tile. Defaults to using the gl canvas width and height.

bg.dispose()

Disposes of the texture, batch and shader associated with this background.

License

MIT, see LICENSE.md for details.