Self-contained HTML5 file that demonstrates the full pipeline:
QUBO → Brute-Force Solve → Pixel Encoding → PNG Receipt → Decode
Works on any web host on Earth. No WebGPU. No backend. Just canvas.
Stages:
1. Generate random 8-variable QUBO (banded, diagonal-dominant)
2. Brute-force solve (256 solutions, instant for n=8)
3. Encode solution as 8×8 Hachimoji pixel grid
- x=0 → dark pixel (Φ, rgb 13,13,13)
- x=1 → bright pixel (Σ, rgb 26,204,77)
4. Generate PNG receipt (canvas.toDataURL)
5. Decode receipt back from image (verify roundtrip)
Features:
- Random QUBO generation button
- Visual pixel grid with 0/1 labels
- Download PNG receipt
- Decode verification (matches original)
This file can be hosted on:
GitHub Pages, Netlify, Vercel, S3, shared hosting, IPFS,
data URI in email, QR code scan, any static file server.
The receipt IS the image. The image IS the solution.
Refs: FBTTY_UNIVERSAL_ENCODER.md (theory),
WEBGPU_PIXEL_ENCODER.md (GPU compute version)
