/* Wireframe SVG building blocks — floating orthographic objects */
const WireSphere = ({ size = 320, stroke = 'var(--oxblood)', lines = 14 }) => {
const lats = [];
const r = 150;
for (let i = 1; i < lines; i++) {
const t = (i / lines) * Math.PI;
const ry = Math.sin(t) * r;
const cy = -Math.cos(t) * r * 0.3;
lats.push();
}
const lngs = [];
for (let i = 0; i < lines; i++) {
const t = (i / lines) * Math.PI;
const rx = Math.cos(t) * r;
lngs.push();
}
return (
);
};
const WireIcosa = ({ size = 280, stroke = 'var(--oxblood)' }) => {
// icosahedron orthographic projection (simplified)
const R = 140;
const pts = [];
// top/bottom + two pentagons
pts.push([0, -R]);
for (let i = 0; i < 5; i++) {
const a = (i / 5) * Math.PI * 2 - Math.PI / 2;
pts.push([Math.cos(a) * R * 0.9, -R * 0.45]);
}
for (let i = 0; i < 5; i++) {
const a = (i / 5) * Math.PI * 2 - Math.PI / 2 + Math.PI / 5;
pts.push([Math.cos(a) * R * 0.9, R * 0.45]);
}
pts.push([0, R]);
const edges = [];
// top fan
for (let i = 1; i <= 5; i++) edges.push([0, i]);
// top pentagon
for (let i = 1; i <= 5; i++) edges.push([i, i === 5 ? 1 : i + 1]);
// middle zig
for (let i = 0; i < 5; i++) {
const a = i + 1, b = i + 6, c = ((i + 1) % 5) + 6;
edges.push([a, b]);
edges.push([a, c]);
}
// bottom pentagon
for (let i = 6; i <= 10; i++) edges.push([i, i === 10 ? 6 : i + 1]);
// bottom fan
for (let i = 6; i <= 10; i++) edges.push([i, 11]);
return (
);
};
const WireTerrain = ({ size = 260, stroke = 'var(--oxblood)' }) => {
// 3D orthographic terrain grid — deterministic pseudo-noise heightfield
const cols = 20, rows = 14;
const cellW = 22, cellH = 14; // grid spacing in plane
const offX = -(cols * cellW) / 2;
const offY = 20; // vertical placement baseline
const shear = 0.55; // y-per-x shear (iso-ish)
const amp = 52; // height amplitude
// deterministic hash height
const h = (i, j) => {
const s = Math.sin(i * 0.9 + j * 1.7) * 43758.5453;
const n1 = s - Math.floor(s);
const s2 = Math.sin(i * 0.31 - j * 0.47) * 12543.21;
const n2 = s2 - Math.floor(s2);
// central ridge bias — tallest peak near middle
const cx = cols / 2, cy = rows / 2;
const d = Math.hypot((i - cx) / cx, (j - cy) / cy);
const ridge = Math.max(0, 1 - d) * 0.9;
return (n1 * 0.55 + n2 * 0.45) * 0.45 + ridge * 0.55;
};
// project (i, j) grid coord to 2D
const project = (i, j) => {
const px = offX + i * cellW + j * (cellH * shear);
const py = offY + j * cellH * 0.55 - h(i, j) * amp;
return [px, py];
};
// build polylines (rows in one direction, cols in another)
const rowPaths = [];
for (let j = 0; j < rows; j++) {
let d = '';
for (let i = 0; i < cols; i++) {
const [x, y] = project(i, j);
d += (i === 0 ? 'M ' : 'L ') + x.toFixed(1) + ' ' + y.toFixed(1) + ' ';
}
// fade near edges (front → back)
const t = j / (rows - 1);
const op = 0.35 + (1 - Math.abs(t - 0.5) * 2) * 0.55;
rowPaths.push();
}
const colPaths = [];
for (let i = 0; i < cols; i++) {
let d = '';
for (let j = 0; j < rows; j++) {
const [x, y] = project(i, j);
d += (j === 0 ? 'M ' : 'L ') + x.toFixed(1) + ' ' + y.toFixed(1) + ' ';
}
const t = i / (cols - 1);
const op = 0.3 + (1 - Math.abs(t - 0.5) * 2) * 0.5;
colPaths.push();
}
// peak markers — topmost few points
const peaks = [];
for (let j = 0; j < rows; j++) {
for (let i = 0; i < cols; i++) {
if (h(i, j) > 0.82) {
const [x, y] = project(i, j);
peaks.push();
}
}
}
return (
);
};
// keep old name as alias for any stale references
const WireMask = WireTerrain;
const Sigil = ({ size = 100, stroke = 'var(--oxblood)' }) => (
);
const Crosshair = ({ size = 22, stroke = 'var(--oxblood)' }) => (
);
/* 808 kick waveform — sharp transient, long decaying low-freq tail */
const Wave909 = ({ size = 160, stroke = 'var(--oxblood)' }) => {
const W = 320, H = 140;
const N = 260; // sample count
const cx = 0, cy = 0;
// build samples: short click transient + damped sine tail that sweeps pitch down
const samples = [];
for (let i = 0; i < N; i++) {
const t = i / (N - 1); // 0..1
const env = Math.exp(-t * 3.2); // decay envelope
const click = Math.exp(-t * 90) * 0.8; // transient click
// pitch-sweep sine — freq drops from high to low
const freq = 22 - t * 16;
const body = Math.sin(t * freq * Math.PI * 2 - 0.2) * env;
const sub = Math.sin(t * (freq * 0.5) * Math.PI * 2) * env * 0.35;
const y = (body + sub + click) * 0.85;
samples.push(y);
}
// map samples to two mirrored polylines (top + bottom envelope)
const toPath = (flip = 1) => {
let d = '';
for (let i = 0; i < N; i++) {
const x = -W / 2 + (i / (N - 1)) * W;
const y = cy + samples[i] * (H / 2) * flip;
d += (i === 0 ? 'M ' : 'L ') + x.toFixed(1) + ' ' + y.toFixed(1) + ' ';
}
return d;
};
// vertical tick bars (like a waveform renderer)
const bars = [];
const BAR_N = 52;
for (let i = 0; i < BAR_N; i++) {
const t = i / (BAR_N - 1);
const idx = Math.floor(t * (N - 1));
const amp = Math.abs(samples[idx]);
const x = -W / 2 + t * W;
const half = amp * (H / 2) * 0.95;
// brighten bars near the transient
const bright = t < 0.08 ? 1 : 0.6;
bars.push(
);
}
return (
);
};
const Wave808 = Wave909;
/* Hexagon-based geometric mark — used as default release cover icon */
const HexMark = ({ size = 60, stroke = 'var(--oxblood)' }) => {
// outer hex points (flat-top)
const R = 50;
const hex = (r) => {
const pts = [];
for (let i = 0; i < 6; i++) {
const a = (i / 6) * Math.PI * 2 + Math.PI / 6; // pointy-top
pts.push([Math.cos(a) * r, Math.sin(a) * r]);
}
return pts;
};
const outer = hex(R);
const inner = hex(R * 0.55);
const toPoly = (pts) => pts.map(p => p.join(',')).join(' ');
return (
);
};
/* Vertical AGOE totem — stacked letterform sigil, replaces About-page sigil */
const AgoeTotem = ({ size = 72, stroke = 'var(--oxblood)' }) => (
);
Object.assign(window, { WireSphere, WireIcosa, WireMask, WireTerrain, Sigil, Crosshair, Wave808, Wave909, HexMark, AgoeTotem });