output/iterations-tone/index.html

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Bubble Chamber — tone iterations</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 · paper tone × bubble colour</h1><div class=grid>
<figure><img src="01_sepia-mono.svg"><figcaption>Sepia paper · mono<br><span style=color:#555>01_sepia-mono.svg</span></figcaption></figure>
<figure><img src="02_sepia-lifecycle.svg"><figcaption>Sepia paper · lifecycle ink<br><span style=color:#555>02_sepia-lifecycle.svg</span></figcaption></figure>
<figure><img src="03_selenium-charge.svg"><figcaption>Selenium paper · charge<br><span style=color:#555>03_selenium-charge.svg</span></figcaption></figure>
<figure><img src="04_cool-beta-glow.svg"><figcaption>Cool-grey · β · strong glow<br><span style=color:#555>04_cool-beta-glow.svg</span></figcaption></figure>
<figure><img src="05_olive-lifecycle.svg"><figcaption>Olive paper · lifecycle<br><span style=color:#555>05_olive-lifecycle.svg</span></figcaption></figure>
<figure><img src="06_neutral-charge-vivid.svg"><figcaption>Neutral · charge (vivid)<br><span style=color:#555>06_neutral-charge-vivid.svg</span></figcaption></figure>
<figure><img src="07_sepia-charge-muted.svg"><figcaption>Sepia · charge (muted)<br><span style=color:#555>07_sepia-charge-muted.svg</span></figcaption></figure>
<figure><img src="08_cream-beta-vivid.svg"><figcaption>Cream · β (vivid)<br><span style=color:#555>08_cream-beta-vivid.svg</span></figcaption></figure>
<figure><img src="09_negative-lifecycle.svg"><figcaption>Negative plate · lifecycle (glow)<br><span style=color:#555>09_negative-lifecycle.svg</span></figcaption></figure>
<figure><img src="10_cool-mono-dim.svg"><figcaption>Cool-grey · mono · dim<br><span style=color:#555>10_cool-mono-dim.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 — tone iterations</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 · paper tone × bubble colour</h1><div class=grid>
 								<figure><img src="01_sepia-mono.svg"><figcaption>Sepia paper · mono<br><span style=color:#555>01_sepia-mono.svg</span></figcaption></figure>
 								<figure><img src="02_sepia-lifecycle.svg"><figcaption>Sepia paper · lifecycle ink<br><span style=color:#555>02_sepia-lifecycle.svg</span></figcaption></figure>
 								<figure><img src="03_selenium-charge.svg"><figcaption>Selenium paper · charge<br><span style=color:#555>03_selenium-charge.svg</span></figcaption></figure>
 								<figure><img src="04_cool-beta-glow.svg"><figcaption>Cool-grey · β · strong glow<br><span style=color:#555>04_cool-beta-glow.svg</span></figcaption></figure>
 								<figure><img src="05_olive-lifecycle.svg"><figcaption>Olive paper · lifecycle<br><span style=color:#555>05_olive-lifecycle.svg</span></figcaption></figure>
 								<figure><img src="06_neutral-charge-vivid.svg"><figcaption>Neutral · charge (vivid)<br><span style=color:#555>06_neutral-charge-vivid.svg</span></figcaption></figure>
 								<figure><img src="07_sepia-charge-muted.svg"><figcaption>Sepia · charge (muted)<br><span style=color:#555>07_sepia-charge-muted.svg</span></figcaption></figure>
 								<figure><img src="08_cream-beta-vivid.svg"><figcaption>Cream · β (vivid)<br><span style=color:#555>08_cream-beta-vivid.svg</span></figcaption></figure>
 								<figure><img src="09_negative-lifecycle.svg"><figcaption>Negative plate · lifecycle (glow)<br><span style=color:#555>09_negative-lifecycle.svg</span></figcaption></figure>
 								<figure><img src="10_cool-mono-dim.svg"><figcaption>Cool-grey · mono · dim<br><span style=color:#555>10_cool-mono-dim.svg</span></figcaption></figure>
 								</div></body></html>