{ANATOMY_LABELS.map((it) => (

setHl(it.id)} onMouseLeave={() => setHl(null)} /> ))} {ANATOMY_LABELS.map((it) => (

setHl(it.id)} onMouseLeave={() => setHl(null)}>

{it.nameEn && lang === 'en' ? it.nameEn : it.name}

{it.tag &&

{it.tagEn && lang === 'en' ? it.tagEn : it.tag}

} {it.sub &&

{it.subEn && lang === 'en' ? it.subEn : it.sub}

}

))}

{ANATOMY_LABELS.map((it) => (

{it.nameEn && lang === 'en' ? it.nameEn : it.name} {it.tag && {it.tagEn && lang === 'en' ? it.tagEn : it.tag}}

))}

); } // ──────────────────────────────────────────────────────────── // 3D WIREFRAME DICE — slowly rotates, click to "roll" // ──────────────────────────────────────────────────────────── const PIPS = { 1: [[50, 50]], 2: [[25, 25], [75, 75]], 3: [[25, 25], [50, 50], [75, 75]], 4: [[25, 25], [75, 25], [25, 75], [75, 75]], 5: [[25, 25], [75, 25], [50, 50], [25, 75], [75, 75]], 6: [[25, 25], [75, 25], [25, 50], [75, 50], [25, 75], [75, 75]], }; function WireframeDice({ size = 240 }) { const [roll, setRoll] = useState({ rx: -22, ry: 28, t: 0 }); const [faces, setFaces] = useState({ front: 1, back: 6, right: 3, left: 4, top: 2, bottom: 5 }); // ambient slow spin useEffect(() => { let raf; let last = performance.now(); const tick = (now) => { const dt = now - last; last = now; setRoll(r => ({ rx: r.rx, ry: r.ry + dt * 0.012, t: r.t, })); raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, []); const handleRoll = () => { const sides = [1, 2, 3, 4, 5, 6]; // Shuffle for entropy const shuffled = [...sides].sort(() => Math.random() - 0.5); setFaces({ front: shuffled[0], back: 7 - shuffled[0], right: shuffled[1], left: 7 - shuffled[1], top: shuffled[2], bottom: 7 - shuffled[2], }); setRoll(r => ({ rx: r.rx + 360 + Math.random() * 90, ry: r.ry + 540 + Math.random() * 90, t: Date.now() })); }; const half = size / 2; const cubeStyle = { width: size, height: size, transformStyle: 'preserve-3d', transform: `rotateX(${roll.rx}deg) rotateY(${roll.ry}deg)`, transition: Date.now() - roll.t < 1400 ? 'transform 1.4s cubic-bezier(.2,.7,.2,1)' : 'transform .1s linear', }; const face = (n, t) => (

); return (

{face(faces.front, `translateZ(${half}px)`)} {face(faces.back, `rotateY(180deg) translateZ(${half}px)`)} {face(faces.right, `rotateY(90deg) translateZ(${half}px)`)} {face(faces.left, `rotateY(-90deg) translateZ(${half}px)`)} {face(faces.top, `rotateX(90deg) translateZ(${half}px)`)} {face(faces.bottom, `rotateX(-90deg) translateZ(${half}px)`)}

); } // ──────────────────────────────────────────────────────────── // OS PICKER // ──────────────────────────────────────────────────────────── const OSES = [ { id: 'runos', name: 'RunOS', desc: 'raw rungler / nonlinear touch voices', descEn: 'raw rungler / nonlinear touch voices', mode: 'AS + Touch', file: 'RunOS_40.hex', manual: 'RunOS_40_manual_description.md', summary: 'Surowy, elektryczny system oparty o runglerowy silnik BiXo i dotykowe głosy nieliniowe. Dobry do niestabilnych sekwencji, impulsów, folded tones, pingujących filtrów i gestów pomiędzy perkusją, dronem i melodią.', summaryEn: 'A raw, electrical system built around the BiXo rungler engine and nonlinear touch voices. Made for unstable sequences, pulses, folded tones, pinging filters, and gestures between percussion, drone, and melody.', tags: ['BiXo', 'Trigfeto', 'Feton', 'Artefakto', 'Bulgo'], }, { id: 'multos', name: 'MultOS', desc: 'multi-engine walk / mutation system', descEn: 'multi-engine walk / mutation system', mode: 'AS Walk + Touch', file: 'MultOS_40.hex', manual: 'MultOS_40_manual_description.md', summary: 'Wielosilnikowy OS performatywny: generatywny walk, skale, drift, mutacje i trzy poziomy losowości. Potrafi przejść od grywalnych klastrów do rozbitej maszyny rytmiczno-tonalnej.', summaryEn: 'A multi-engine performance OS: generative walk, scales, drift, mutation, and three randomness depths. It can move from playable clusters into a broken rhythmic-tonal machine.', tags: ['Wave Cluster', 'Glass FM', 'Chip Swarm', 'Bounce'], }, { id: 'modalos', name: 'ModalOS', desc: 'resonator bodies / struck modes', descEn: 'resonator bodies / struck modes', mode: 'AS + Touch', file: 'ModalOS_40.hex', manual: 'ModalOS_40_manual_description.md', summary: 'Resonatory OS tłoczą surową energię kinetyczną systemu bezpośrednio w nieliniowe architektury sygnałowe: od naprężeń Straino i węzłów sieci Net-work, po rozproszenie Distribo i skompresowaną gęstość Multiplio.', summaryEn: 'Resonatory OS pushes the system’s raw kinetic energy directly into nonlinear signal architectures: from Straino tensions and Net-work nodes to Distribo dispersion and the compressed density of Multiplio.', tags: ['Straino', 'Net-work', 'Distribo', 'Multiplio'], }, { id: 'nonlinos', name: 'NonLinOS', desc: 'nonlinear chaos / folded attractors', descEn: 'nonlinear chaos / folded attractors', mode: 'AS + Touch', file: 'NonLinOS_40.hex', manual: 'NonLinOS_40_manual_description.md', summary: 'Nieliniowy chaos OS: melodyczne atraktory, wavefolding, rezonansowe pingi, feedback i niestabilne głosy dotykowe. Bardziej agresywny i fizyczny, dobry do połamanych fraz, metalicznych sekwencji, glitchowej perkusji i dronów pod palcami.', summaryEn: 'A nonlinear chaos OS: melodic attractors, wavefolding, resonant pinging, feedback, and unstable touch voices. More aggressive and physical, made for bent phrases, metallic sequences, glitch percussion, and touch-shaped drones.', tags: ['Lorenz', 'Dadras', 'Duffing', 'Granular', 'LFSR', 'Rossler'], }, { id: 'gentexos', name: 'GenTexOS', desc: 'feedback textures / folded noise beds', descEn: 'feedback textures / folded noise beds', mode: 'AS Texture + Touch', file: 'GenTexOS_40.hex', manual: 'GenTexOS_40_manual_description.md', summary: 'Nieliniowy generator tekstur do feedbacku, foldingu, filtrowania, micro-delay, smearing i bit reduction. Najlepszy do żywych stereo tekstur, szorstkich szumów i rezonujących kliknięć.', summaryEn: 'A nonlinear texture generator for feedback, folding, filtering, micro-delay, smearing, and bit reduction. Built for living stereo textures, rough noise beds, and resonant clicks.', tags: ['Freeze', 'Smear', 'Spike', 'Texture Touch'], }, ]; function OSPicker() { const lang = usePageLang(); const [pick, setPick] = useState(OSES[0]); const [copied, setCopied] = useState(false); const cmd = `curl -L https://sdrift.net/os/${pick.file} -o /tmp/${pick.file} \\\n && teensy_loader_cli --mcu=TEENSY40 -w /tmp/${pick.file}`; const copy = async () => { try { await navigator.clipboard.writeText(cmd); } catch {} setCopied(true); setTimeout(() => setCopied(false), 1500); }; return (

{OSES.map((os, i) => ( ))}

~/sdrift/dicefriend — bash

navi

{pick.name}

{lang === 'en' ? pick.summaryEn : pick.summary}

{pick.tags.map((tag) => {tag})}

${cmd}

{lang === 'en' ? '// downloads firmware ' : '// pobiera firmware '}{pick.file} · manual: {pick.manual}

01{lang === 'en' ? 'hold ' : 'przytrzymaj '}SHIFT + DICE{lang === 'en' ? ' for 10 sec' : ' przez 10 sek'} — bootloader mode

02{lang === 'en' ? 'choose ' : 'wybierz '}OS{lang === 'en' ? ' from the list' : ' z listy'}

03{lang === 'en' ? 'copy the ' : 'skopiuj '}{lang === 'en' ? 'command' : 'komendę'}

04{lang === 'en' ? 'paste and run it in terminal' : 'wklej i uruchom ją w terminalu'}

); } // ──────────────────────────────────────────────────────────── // MOUNT // ──────────────────────────────────────────────────────────── const mounts = [ ['anatomy-root', ], ['os-root', ], ['dice-root', ], ]; mounts.forEach(([id, el]) => { const node = document.getElementById(id); if (node) ReactDOM.createRoot(node).render(el); });