Creative coding & computer visionExperimental prototype

GlyphCode

An experimental visual data code that encodes text into waves, rings, spirals, and leaf shapes, with local generation and a custom camera and image decoder.

GlyphCode generator displaying a leaf-shaped visual code and successful local verification
6 visual styles · Local encoding & decoding
Visual styles
6
Processing
Local / offline
Error correction
Reed–Solomon

Where it started

Could a visual code carry data through more expressive shapes while remaining locally decodable?

How I built it

Designed a custom UTF-8 frame format with CRC32 verification and Reed–Solomon error correction, six visual styles, and a browser-based scanning pipeline. The drawing carries the data directly, without a server lookup or a hidden QR code.

A wave-shaped visual code generated inside GlyphCode
Shared encoding, different geometries: waves, circles, spirals, and leaves.

What it makes possible

A working exploration of visual encoding and browser-based computer vision. It is a prototype with limited capacity and perspective tolerance, rather than a replacement for standard QR codes.

Built with

  • Next.js
  • TypeScript
  • Canvas
  • Computer Vision
  • PWA
Back to selected workFull case study