Noisemaker

Noisemaker is a GPU rendering engine for real-time visual effects in the browser. Dual WebGL2/WebGPU backends, a composable DSL for building effect chains, and a growing library of shader effects. No build step, no framework, no dependencies. Works with any input source: live camera, images, video, audio, or pure generative.

Random

Loading...

Effect Loading effects...

Parameters

Quick Start

const SHADER_CDN = 'https://shaders.noisedeck.app/1'

const { CanvasRenderer } = await import(`${SHADER_CDN}/noisemaker-shaders-core.esm.min.js`)

const renderer = new CanvasRenderer({
    canvas: document.getElementById('canvas'),
    width: 1024, height: 1024,
    basePath: SHADER_CDN,
    useBundles: true,
    bundlePath: `${SHADER_CDN}/effects`
})

await renderer.loadManifest()
await renderer.loadEffect('synth/noise')

await renderer.compile(`
    search synth
    noise().write(o0)
    render(o0)
`)

renderer.start()

See Shader Pipeline Integration for full API documentation.

---

Noisemaker is the open source engine behind Noisedeck, Layers, and other Noise Factor tools.