Generator - Depth & exposure dynamics: per-track chamber depth (z) + event age drive opacity, bubble size and defocus (depthFactors); depth/aging dials. - Palette abstraction (src/render/palette.js) — one registry entry per "feel": mono, charge, beta, kind, kindlife, kindrise, lifecycle, psychedelic, cyanotype, magentarise. Per-track ink + per-bubble bubbleInk hooks. - Global colour controls: saturation, hue shift; paper toning (cream/sepia/ selenium/cool/olive/neutral + brightness + gas-glow), bubble edge softness, iridescent disk (spectral sunburst), chromatic halo. Ink blend chosen by ground luminance so light-on-dark chemistries composite correctly. - Tracks carry charge q; bubbles carry lifecycle position + local beta. - All effects in raster + layered SVG + CMYK/OCG PDF; B&W remains the default. Tooling & art - tools/find-semicircle.mjs; render-svg/pdf --seed mode + k=v overrides. - Curated vector SVG sets under output/ with browsable index.html. Repo hygiene - .gitignore: stop tracking generated rasters/PDFs (reproducible from seeds), the reference image, and a stray db; keep curated SVGs + code + docs. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
19 lines
2.1 KiB
HTML
19 lines
2.1 KiB
HTML
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Bubble Chamber — colourshift</title>
|
||
<style>body{margin:0;background:#111;color:#bbb;font:12px/1.4 ui-monospace,Menlo,monospace;padding:24px}
|
||
h1{font-weight:400;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:#d4a574}
|
||
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:18px}
|
||
figure{margin:0;background:#000;border:1px solid #2a2a2a}img{width:100%;display:block}
|
||
figcaption{padding:7px 9px;color:#e8e4d8;letter-spacing:.04em}</style></head><body>
|
||
<h1>Bubble Chamber · hue shift × new feels</h1><div class=grid>
|
||
<figure><img src="01_charge-hue000.svg"><figcaption>Charge · hue 0°<br><span style=color:#555>01_charge-hue000.svg</span></figcaption></figure>
|
||
<figure><img src="02_charge-hue120.svg"><figcaption>Charge · hue +120°<br><span style=color:#555>02_charge-hue120.svg</span></figcaption></figure>
|
||
<figure><img src="03_charge-hue240.svg"><figcaption>Charge · hue +240°<br><span style=color:#555>03_charge-hue240.svg</span></figcaption></figure>
|
||
<figure><img src="04_beta-hue000.svg"><figcaption>β velocity · hue 0°<br><span style=color:#555>04_beta-hue000.svg</span></figcaption></figure>
|
||
<figure><img src="05_beta-hue180.svg"><figcaption>β velocity · hue +180°<br><span style=color:#555>05_beta-hue180.svg</span></figcaption></figure>
|
||
<figure><img src="06_lifecycle-hue.svg"><figcaption>Lifecycle · hue +144°<br><span style=color:#555>06_lifecycle-hue.svg</span></figcaption></figure>
|
||
<figure><img src="07_psychedelic-c2.svg"><figcaption>Psychedelic · 2 cycles<br><span style=color:#555>07_psychedelic-c2.svg</span></figcaption></figure>
|
||
<figure><img src="08_psychedelic-c5.svg"><figcaption>Psychedelic · 5 cycles<br><span style=color:#555>08_psychedelic-c5.svg</span></figcaption></figure>
|
||
<figure><img src="09_cyanotype.svg"><figcaption>Cyanotype (blueprint)<br><span style=color:#555>09_cyanotype.svg</span></figcaption></figure>
|
||
<figure><img src="10_beta-sepia-hue.svg"><figcaption>β · hue +252° · sepia paper<br><span style=color:#555>10_beta-sepia-hue.svg</span></figcaption></figure>
|
||
</div></body></html>
|