OXCE coloured-lighting sandbox

Palette

Background tile colour

Index {{ bgIdx }} rgb({{ paletteRgb(bgIdx).join(', ') }})

{{ blockedList.length }} blocked (shift+click swatch)

Light Colour

Intensity {{ intensity.toFixed(2) }} Radius {{ radius }} Per-vertex distance (smooth gradient)

Ambient Shade {{ shade }} Colour

Dither

None Bayer 4x4 Floyd-Steinberg

Distance metric (2D canvas)

sRGB squared (current engine) Redmean (weighted RGB) OKLab (perceptual)

Multiply in linear-light space Hue penalty k {{ huePenaltyK.toFixed(2) }}

{{ metricLabels[m] }} {{ stripBandCounts[m] }} distinct palette indices

Tile under cursor

Position: ({{ hover.tx }}, {{ hover.ty }})
Distance to light: {{ hover.distance.toFixed(3) }} tiles
Falloff: {{ hover.falloff.toFixed(4) }}
Light contribution: ({{ hover.lightR }}, {{ hover.lightG }}, {{ hover.lightB }})
Ambient contribution: ({{ hover.ambientR }}, {{ hover.ambientG }}, {{ hover.ambientB }})
Accumulator (centre): ({{ hover.accR }}, {{ hover.accG }}, {{ hover.accB }})
gridIdx (NW, NE, SW, SE): {{ '0x' + g.toString(16).padStart(3, '0') }},
Output (centre): idx {{ hover.outIdx }} - rgb({{ paletteRgb(hover.outIdx).join(', ') }})

Hover over a tile to inspect its accumulator and output palette index.