jsColorEngine · Samples

jsColorEngine — browser samples

Runnable demos of the jsColorEngine ICC colour management library. Every demo is zero-build vanilla JS driven by the small ICCImage helper module.

Engine: MPL-2.0 · Samples: MIT (LICENSE) · Live: o2creative.co.nz/jscolorengine · Source: GitHub

Demos

Ready Live Video Soft Proof Real-time video colour management. Every frame decoded and soft-proofed through a pre-built 3D CLUT — pure JS and WASM, no workers. 40+ fps on 720p. The “you can’t do that in JS” demo. Ready Soft Proof sRGB → CMYK soft proof + C/M/Y/K plate previews. Uses toProof, toSeparation, renderChannelAs. Ready jsCE vs lcms Pixel-diff comparison between jsColorEngine and lcms-wasm. Accuracy + speed in one view, with amplified diff slider.

Planned Colour Calculator Per-pixel readout via pixel(x, y) — Lab + sRGB + device values. No-LUT accuracy path.

Planned Intent Comparison Side-by-side perceptual / relative / saturation / absolute through the same proof profile.

Running locally

The engine ships a UMD bundle at browser/jsColorEngineWeb.js. Build it once, then start the dev server:

npm run browser   # build the UMD bundle
npm run serve     # start dev server on :8080 (samples + bench)

Then open the landing page or /samples/samples.html for the demo index. The bench is at /samples/bench/.

ICCImage helper

All demos share a small immutable image wrapper: iccimage.js. It handles the “load image → transform → display” plumbing so each demo stays under ~100 lines.

Full API reference: ICCImage.md