output/iterations-colorshift/index.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>
-												Colour palettes, depth/exposure, disk & halo effects; stop tracking rasters

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>

											
										
										
											2026-05-21 15:55:03 -04:00
+								<!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>