Noisemaker

Noisemaker is a GPU rendering engine for real-time visual effects in the browser with no required build step or dependencies.

• Dual backends — WebGL2 and WebGPU

• Composable DSL for building effect chains

• Growing library of shader effects

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.