Added QFT
5318
output/qft/sketch03/01_centered-reference.svg
Normal file
|
After Width: | Height: | Size: 867 KiB |
5318
output/qft/sketch03/02_cubic-left-schlegel-right.svg
Normal file
|
After Width: | Height: | Size: 864 KiB |
5318
output/qft/sketch03/03_huge-cubic-bleed.svg
Normal file
|
After Width: | Height: | Size: 892 KiB |
3806
output/qft/sketch03/04_huge-schlegel-bleed.svg
Normal file
|
After Width: | Height: | Size: 628 KiB |
3806
output/qft/sketch03/05_tiny-lots-of-paper.svg
Normal file
|
After Width: | Height: | Size: 620 KiB |
2272
output/qft/sketch03/06_e8-cluster-lower-right.svg
Normal file
|
After Width: | Height: | Size: 403 KiB |
6867
output/qft/sketch03/07_e8-quartet-at-corners.svg
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
5318
output/qft/sketch03/08_composition-shifted-upper-left.svg
Normal file
|
After Width: | Height: | Size: 855 KiB |
3819
output/qft/sketch03/09_vertical-stack.svg
Normal file
|
After Width: | Height: | Size: 638 KiB |
2320
output/qft/sketch03/10_triptych-corners.svg
Normal file
|
After Width: | Height: | Size: 404 KiB |
5318
output/qft/sketch03/11_inverse-scales.svg
Normal file
|
After Width: | Height: | Size: 860 KiB |
27
output/qft/sketch03/index.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html><html><head><meta charset="utf-8"><title>QFT · sketch 03 · positions & scales</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}
|
||||
.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;overflow:hidden}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 #7ba3c9;margin:18px 0}</style></head><body>
|
||||
<h1>QFT · sketch 03 · positions & scales (palette held constant)</h1>
|
||||
<div class="notes">
|
||||
<b>What's varying:</b> per-field origin (<code>cubicOriginX/Y</code>, <code>schlegelOriginX/Y</code>, <code>e8Origins[]</code>), per-field scale (<code>cubicScale</code>, <code>schlegelScale</code>, <code>e8Scale</code>; values > 1 deliberately push the lattice past the canvas edge), composition offset (<code>compositionOffsetX/Y</code>).
|
||||
<br><br>
|
||||
<b>What's held constant:</b> the per-field-monochrome palette (cyan cubic · magenta Schlegel · amber E8 · green cross-links) on the warm vintage substrate. Each lattice has one hue so its position is unambiguously readable as it moves.
|
||||
</div>
|
||||
<div class=grid>
|
||||
<figure><img src="01_centered-reference.svg"><figcaption>01 Centred reference<small>defaults — everything centred at normal scale</small></figcaption></figure>
|
||||
<figure><img src="02_cubic-left-schlegel-right.svg"><figcaption>02 Cubic left, Schlegel right<small>fields shifted to opposite sides; E8 clusters tighter</small></figcaption></figure>
|
||||
<figure><img src="03_huge-cubic-bleed.svg"><figcaption>03 Huge cubic · bleeds past frame<small>cubicScale 1.85 — the cubic continues beyond visible edges</small></figcaption></figure>
|
||||
<figure><img src="04_huge-schlegel-bleed.svg"><figcaption>04 Huge Schlegel · cube-in-cube extends past edges<small>schlegelScale 1.85; outer cube vertices off-canvas</small></figcaption></figure>
|
||||
<figure><img src="05_tiny-lots-of-paper.svg"><figcaption>05 Tiny · a small island<small>all lattices < 0.5; quiet, contemplative</small></figcaption></figure>
|
||||
<figure><img src="06_e8-cluster-lower-right.svg"><figcaption>06 Large E8 cluster · lower-right<small>cubic/Schlegel shifted upper-left; single large E8 at lower-right</small></figcaption></figure>
|
||||
<figure><img src="07_e8-quartet-at-corners.svg"><figcaption>07 E8 quartet at corners<small>4 small E8 clusters near the four corners; 12 cross-links</small></figcaption></figure>
|
||||
<figure><img src="08_composition-shifted-upper-left.svg"><figcaption>08 Composition shifted upper-left<small>compositionOffset(-0.32,-0.32); negative space lower-right</small></figcaption></figure>
|
||||
<figure><img src="09_vertical-stack.svg"><figcaption>09 Vertical stack<small>cubic top · Schlegel middle · two E8 clusters bottom</small></figcaption></figure>
|
||||
<figure><img src="10_triptych-corners.svg"><figcaption>10 Triptych corners<small>cubic upper-left · Schlegel upper-right · E8 lower-centre</small></figcaption></figure>
|
||||
<figure><img src="11_inverse-scales.svg"><figcaption>11 Inverse scales<small>tiny cubic, giant Schlegel; E8 clusters on outer ring</small></figcaption></figure>
|
||||
</div>
|
||||
</body></html>
|
||||
19
output/qft/sketch03/m.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html><html><head><meta charset="utf-8">
|
||||
<style>html,body{margin:0;background:#222}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;width:2400px}figure{margin:0;position:relative;background:#000;overflow:hidden}img{width:100%;display:block}figcaption{position:absolute;left:0;bottom:0;right:0;padding:6px 10px;font:15px ui-monospace,monospace;color:#fff;background:linear-gradient(transparent,#000d)}</style></head><body>
|
||||
<div class="grid" id=g></div><script>
|
||||
const items=[
|
||||
["01_centered-reference.svg","01 centred reference"],
|
||||
["02_cubic-left-schlegel-right.svg","02 cubic L · schlegel R"],
|
||||
["03_huge-cubic-bleed.svg","03 huge cubic (bleeds frame)"],
|
||||
["04_huge-schlegel-bleed.svg","04 huge schlegel"],
|
||||
["05_tiny-lots-of-paper.svg","05 tiny — small island"],
|
||||
["06_e8-cluster-lower-right.svg","06 large E8 lower-right"],
|
||||
["07_e8-quartet-at-corners.svg","07 E8 quartet at corners"],
|
||||
["08_composition-shifted-upper-left.svg","08 shifted upper-left"],
|
||||
["09_vertical-stack.svg","09 vertical stack"],
|
||||
["10_triptych-corners.svg","10 triptych corners"],
|
||||
["11_inverse-scales.svg","11 inverse scales"],
|
||||
];
|
||||
const base="http://localhost:8731/output/qft/sketch03/";const g=document.getElementById('g');
|
||||
for(const[f,c]of items){const fig=document.createElement('figure');const im=document.createElement('img');im.src=base+f;const cap=document.createElement('figcaption');cap.textContent=c;fig.append(im,cap);g.append(fig);}
|
||||
</script></body></html>
|
||||