41 lines
1.5 KiB
HTML
41 lines
1.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head><meta charset="UTF-8"><style>html,body{margin:0;background:#000}canvas{display:block}</style></head>
|
||
|
|
<body>
|
||
|
|
<canvas id="c"></canvas>
|
||
|
|
<script type="module">
|
||
|
|
import { generateScene } from '../src/scene/scene.js';
|
||
|
|
import { renderCanvasPhoto } from '../src/render/canvasPhoto.js';
|
||
|
|
import { GROUPS, TOGGLES, FIXED, PRESETS } from '../src/ui/controls.js';
|
||
|
|
import { paramsFromSeed } from '../src/scene/params.js';
|
||
|
|
|
||
|
|
const q = new URLSearchParams(location.search);
|
||
|
|
|
||
|
|
// fromseed=1 : derive the ENTIRE parameter set deterministically from the seed
|
||
|
|
let params;
|
||
|
|
if (q.get('fromseed') === '1') {
|
||
|
|
params = { ...FIXED, ...paramsFromSeed(q.get('seed') || 'ENTROPY-001') };
|
||
|
|
} else {
|
||
|
|
params = { ...FIXED, seed: 'ENTROPY-001' };
|
||
|
|
for (const g of GROUPS) for (const c of g.controls) params[c.id] = c.value;
|
||
|
|
for (const t of TOGGLES) params[t.id] = t.value;
|
||
|
|
if (q.get('preset') && PRESETS[q.get('preset')]) Object.assign(params, PRESETS[q.get('preset')]);
|
||
|
|
}
|
||
|
|
if (q.get('seed')) params.seed = q.get('seed');
|
||
|
|
for (const [k, v] of q) {
|
||
|
|
if (k === 'seed' || k === 'preset' || k === 'size_px') continue;
|
||
|
|
if (k in params) params[k] = (v === 'true') ? true : (v === 'false') ? false : (isNaN(+v) ? v : +v);
|
||
|
|
}
|
||
|
|
|
||
|
|
const SIZE = +(q.get('size_px') || 1200);
|
||
|
|
const c = document.getElementById('c');
|
||
|
|
c.width = c.height = SIZE;
|
||
|
|
const ctx = c.getContext('2d', { willReadFrequently: true });
|
||
|
|
const scene = generateScene(params);
|
||
|
|
renderCanvasPhoto(ctx, SIZE, SIZE, scene, params, { preview: q.get('hq') !== '1' });
|
||
|
|
document.title = 'done';
|
||
|
|
window.__done = true;
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|