Skip to content

noisefactorllc/glitcher

Repository files navigation

glitchin' out

Glitch-art tool powered by the Noisemaker shader engine.

Build a stack of glitch effects — datamosh, pixel sort, scanline error, lens warp, snow, chromatic aberration, feedback — over a live camera or an uploaded image. Each slot has its own intensity slider and a dice button that re-rolls just that effect. GLITCHIFY rebuilds the whole stack at random.

Features

  • Effect stack — chain any number of glitch effects in any order
  • Per-effect intensity — slider lerps between defaults and a randomized snapshot
  • Per-effect re-roll — dice button rerolls just that slot
  • GLITCHIFY — build a random 2-4 effect stack instantly
  • Starter chains — one-tap multi-effect starting points (Datamosh, Dead Tape, CRT, Slice, …)
  • Live camera (front/rear switch) or image upload
  • Photo (PNG) and video (WebM) capture
  • Filmstrip gallery with IndexedDB persistence
  • Mobile responsive, no install, no account, no tracking

Getting Started

Requires Node.js 18+.

npm install
npm run dev

Open http://localhost:3007 in your browser. Grant camera access when prompted.

Keyboard

Key Action
g GLITCHIFY
r Re-roll every slot
Space Shutter
m Mirror flip

Tech Stack

  • Vanilla JavaScript (ES modules, no framework)
  • Noisemaker shader pipeline via CDN
  • Handfish design system
  • Served with http-server — no build tools needed

License

MIT — Copyright (c) 2026 Noise Factor LLC

About

State-of-the-art glitch art tool powered by Noisemaker

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors