vast ocean
This commit is contained in:
@@ -42,6 +42,19 @@ const deckBase = { mode: 'plate', rows: 46, horizon: 0.36, wFar: 0.58, wNear: 0.
|
||||
console.log(`carpet · plexi deck (${DECK.length}) → ${ROOT}/layers/`);
|
||||
for (const v of DECK) { writeFileSync(`${ROOT}/layers/${v.name}.svg`, carpetSVG(SIZE, { ...deckBase, ...v })); console.log(` ${v.name}`); }
|
||||
|
||||
// VERTICAL field studies — lines run vertically, receding to a side edge
|
||||
mkdirSync(`${ROOT}/vertical`, { recursive: true });
|
||||
const VERT = [
|
||||
{ name: '01_calm-curtain', label: 'calm vertical curtain', o: { orient: 'vertical', chaos: 0.28, blips: 0.6, rows: 46, overlap: 1.6, mode: 'solid' } },
|
||||
{ name: '02_seething-strings', label: 'seething vertical strings', o: { orient: 'vertical', chaos: 0.75, blips: 1.3, rows: 52, overlap: 1.8, mode: 'solid', salt: 'vstr' } },
|
||||
{ name: '03_rays-plate', label: 'fine vertical rays (plate)', o: { orient: 'vertical', chaos: 0.5, blips: 0.9, rows: 60, overlap: 1.5, mode: 'plate', hue: 0.5, hue2: 0.55, salt: 'vray' } },
|
||||
];
|
||||
console.log(`carpet · vertical (${VERT.length}) → ${ROOT}/vertical/`);
|
||||
for (const v of VERT) { writeFileSync(`${ROOT}/vertical/${v.name}.svg`, carpetSVG(SIZE, v.o)); console.log(` ${v.name} — ${v.label}`); }
|
||||
writeFileSync(`${ROOT}/vertical/m.html`, `<!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:2100px}figure{margin:0;position:relative;background:#fff;overflow:hidden}img{width:100%;display:block}figcaption{position:absolute;left:0;bottom:0;right:0;padding:6px 10px;font:13px ui-monospace,monospace;color:#fff;background:linear-gradient(transparent,#000d)}</style></head><body>
|
||||
<div class="grid">${VERT.map(v => `<figure><img src="${v.name}.svg"><figcaption>${v.label}</figcaption></figure>`).join('')}</div></body></html>`);
|
||||
|
||||
writeFileSync(`${ROOT}/stack.html`, `<!DOCTYPE html><html><head><meta charset="utf-8"><title>vacuum carpet · plexi deck</title>
|
||||
<style>html,body{margin:0;background:#0c0c0c}.stage{position:relative;width:${SIZE}px;height:${SIZE}px;margin:30px auto;background:rgb(226,219,199);box-shadow:0 0 120px #000 inset}.stage img{position:absolute;inset:0;width:100%;height:100%}.L3{filter:blur(2.2px);opacity:.5;transform:translateY(-6px) scale(1.01)}.L2{filter:blur(1px);opacity:.72;transform:translateY(-2px)}.L1{opacity:.95}.cap{max-width:${SIZE}px;margin:0 auto;color:#888;font:12px ui-monospace,monospace;padding:0 4px}</style></head><body>
|
||||
<div class="stage"><img class="L3" src="layers/L3_back.svg"><img class="L2" src="layers/L2_mid.svg"><img class="L1" src="layers/L1_front.svg"></div>
|
||||
|
||||
Reference in New Issue
Block a user