Multiplex a regl context across many HTML elements
npm install multi-reglDemo.
``javascript
const multiREGL = require('multi-regl')
const div1 = document.createElement('div')
div1.style.width = '500px'
div1.style.height = '500px'
document.body.appendChild(div1)
const regl1 = multiREGL(div1)
regl1.frame(() => {
regl1.clear({
color: [1, 0, 0, 1],
depth: 1
})
})
const div2 = document.createElement('div')
div2.style.width = '500px'
div2.style.height = '500px'
document.body.appendChild(div2)
const regl2 = multiREGL(div2)
regl2.frame(() => {
regl2.clear({
color: [0, 0, 1, 1],
depth: 1
})
})
`
#### var multiREGL = require('multi-regl')([options])options
Creates a multiplexed regl context across several div elements. takes the same inputs as regl's constructor. It returns a procedure
#### multiREGL.reglregl
A reference to the underlying object.
#### var regl = multiREGL(containerElement)multiREGL
Calling with a DOM element returns a wrapped regl instance where regl.frame is overloaded to draw within the element.
Calling .destroy() on this context removes the multiregl instance.