Skip to main content

API

Set gl config

import { createGL } from 'glre'
import { useGL } from 'glre/react'

useGL({ frag: `...` }) // or

createGL({ frag: `...` })

Configuration

GLConfigdefaultdescription
el: Elementcanvas element
gl: WebGLRenderingContextcanvas webgl2 context
frag: stringherefragment shader
vert: stringherevertex shader
count: number6vertex count number
width: numberinit window resolution values
height: numberinit window resolution values

Hooks

// initialize gl
const gl = useGL(config: GLConfig): GL

// set uniform
gl.uniform(uniform: Record<string, number | number[]>): GL

// set texture
gl.texture(texture: Record<string, string>): GL

// set attribute
gl.attribute(attribute: Record<string, number[]>): GL

// Schedule an update
gl.queue(() => {})

// Start an update loop
gl.queue(() => true)