createREGL = require('https://unpkg.com/regl@1.3.1/dist/regl.min.js')
function createGL (opts) {
var canvas = html`<canvas width="960" height="600">`
var regl = createREGL(Object.assign({canvas: canvas}, opts || {}))
return {canvas, regl}
}
gl = createGL()
cmd = gl.regl({
vert: vertexShader,
frag: fragmentShader,
attributes: {
a_vertex: [[-1, -1], [+1, -1], [+1, +1], [-1, +1]],
},
uniforms: {
u_size: gl.canvas.width,
u_time: gl.regl.prop("u_time")
},
primitive: "triangle fan",
count: 4
})
function draw (t) {
gl.regl.clear({color: [0, 0, 0, 1]})
cmd({u_time: t})
}
draw((now % 100000) / 1000)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
