28 lines
3.7 KiB
HTML
28 lines
3.7 KiB
HTML
|
<!DOCTYPE html><html><head><meta charset="utf-8"><title>QFT · sketch 02 · variations</title>
|
||
|
|
<style>body{margin:0;background:#0b0b0b;color:#bbb;font:12px/1.5 ui-monospace,Menlo,monospace;padding:26px;max-width:1800px}
|
||
|
|
h1{font-weight:400;letter-spacing:.22em;text-transform:uppercase;font-size:13px;color:#c9a370}
|
||
|
|
h2{font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:#7ba3c9;margin-top:34px}
|
||
|
|
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:20px;margin-top:18px}
|
||
|
|
figure{margin:0;background:#111;border:1px solid #262626}img{width:100%;display:block}
|
||
|
|
figcaption{padding:8px 10px;color:#e8e4d8}small{color:#777;display:block}
|
||
|
|
.notes{color:#999;font-size:12px;background:#181410;padding:14px 18px;border-left:3px solid #c9a370;margin:18px 0}</style></head><body>
|
||
|
|
<h1>QFT · sketch 02 · per-field gradients + cross-field interactions</h1>
|
||
|
|
<div class="notes">
|
||
|
|
<b>What's parameterised now (per-field sliders):</b> <code>hueStart</code>, <code>hueEnd</code>, <code>saturation</code>, <code>lightness</code>, <code>opacity</code> for each of <b>cubic</b>, <b>schlegel</b>, <b>e8</b>, and a separate <b>links</b> field config. Global knobs: <code>gradientMode</code> (along-edge / radial / linear-x / linear-y), <code>substrate</code> (vintage / void / cream / selenium / cyanotype) or arbitrary <code>paperOverride</code> RGB.<br><br>
|
||
|
|
<b>What's new in this sketch:</b> (1) the binary active/inactive amber streaks are gone — hue gradients carry the energy continuously. (2) The E8 lattice is no longer a single central jewel — it's split into <b>3 smaller petal clusters distributed</b> around the canvas, each at its own origin. (3) <b>Cross-field Feynman links</b> are back as bright diagonal connectors — each is a propagator (photon-wave / scalar-dash / gluon-spring, mixed per-link) drawn between a vertex in one field and a vertex in another. These are the "interactions" between fields.
|
||
|
|
</div>
|
||
|
|
<div class=grid>
|
||
|
|
<figure><img src="01_anchor-vintage.svg"><figcaption>01 Anchor · vintage muted<small>warm grey-amber across all three fields with amber cross-links</small></figcaption></figure>
|
||
|
|
<figure><img src="02_ember-triad.svg"><figcaption>02 Ember triad<small>fire band across all fields; deep red links</small></figcaption></figure>
|
||
|
|
<figure><img src="03_aurora-void.svg"><figcaption>03 Aurora · void<small>cyan→violet on near-black; cyan/violet bright connectors</small></figcaption></figure>
|
||
|
|
<figure><img src="04_spectrum-cream.svg"><figcaption>04 Spectrum · cream<small>cubic rainbow; cyan→red spectrum connectors</small></figcaption></figure>
|
||
|
|
<figure><img src="05_verdigris.svg"><figcaption>05 Verdigris<small>aged-metal palette; copper connectors</small></figcaption></figure>
|
||
|
|
<figure><img src="06_radial-sunrise.svg"><figcaption>06 Radial sunrise<small>gradientMode=radial; cool centre → warm edges including the links</small></figcaption></figure>
|
||
|
|
<figure><img src="07_magenta-family.svg"><figcaption>07 Magenta family<small>pink/purple/magenta band on cream</small></figcaption></figure>
|
||
|
|
<figure><img src="08_per-field-mono.svg"><figcaption>08 Per-field mono<small>each lattice one solid hue; green links as a 4th distinct accent</small></figcaption></figure>
|
||
|
|
<figure><img src="09_cyanotype.svg"><figcaption>09 Cyanotype<small>Prussian-blue ground; pale-cyan lattices; near-white connectors</small></figcaption></figure>
|
||
|
|
<figure><img src="10_single-bright-void.svg"><figcaption>10 Single bright · void<small>cubic/schlegel near-invisible; rainbow E8 clusters + rainbow connectors</small></figcaption></figure>
|
||
|
|
<figure><img src="11_mauve-fog-custom.svg"><figcaption>11 Mauve fog (custom paper)<small>arbitrary paperOverride RGB(82,76,92); pastel connectors</small></figcaption></figure>
|
||
|
|
</div>
|
||
|
|
</body></html>
|