viewof threeBodyHTML = { mutable transformCount = 0; let range = 0; trajectory.forEach(({ x, y }) => { for (let i = 0; i < n; i++) { range = Math.max(range, x[i], y[i]); } }); const css = []; for (let i = 0; i < filteredTrajectoryFFT.length; i++) { const fft = filteredTrajectoryFFT[i]; const n = fft[0].length; const nfft = Math.floor((n + 1) / 2); const froms = []; const tos = []; function unitize(value, units) { return parseFloat(value) === 0 ? value : `${value}${units}`; } let accumRotation = 0; function assemble(intfreq, i) { const f = freq[i]; const re = fft[0][i]; const im = fft[1][i]; const r2 = re * re + im * im; const radius = (size * 0.4) / range; const fmt = precision === 0 ? "%.0f" : `%.${precision}g`; const x = sprintf(fmt, parseFloat((re * radius).toFixed(precision))); const y = sprintf(fmt, parseFloat((im * radius).toFixed(precision))); if (Math.hypot(parseFloat(x), parseFloat(y)) === 0) return; if (r2 < threshold * threshold) return; const rotDiff = intfreq - accumRotation; accumRotation += rotDiff; function translate(x, y) { x = unitize(x, "px"); y = unitize(y, "px"); if (x === "0") return `translatey(${y})`; if (y === "0") return `translatex(${x})`; return `translate(${x},${y})`; } const tr = translate(x, y); froms.push(`rotate(0)${tr}`); tos.push(`rotate(${rotDiff}turn)${tr}`); } // Note: Can we do these in a better order to minimize the relative rotation // between each component? for (let j = nfft - 1; j > 0; j--) { assemble(-j, n - j); } for (let j = 0; j < nfft; j++) { assemble(j, j); } mutable transformCount += froms.length; css.push([froms.join(""), tos.join("")]); } const rad = initialConditions.m .map((m, i) => { if (m === 1) return ""; const r = (radius * Math.sqrt(m) + 0.5).toFixed(0); return `.threebody-o>div:nth-child(${ i + 1 }):after{width:${r}px;height:${r}px}\n`; }) .filter((x) => x) .join(""); const code = `

`; let ret; // Code rendering seems laggy when it gets too large if (code.length < 50000) { ret = md`\`\`\`html\n${code}\`\`\``; } else { const el = DOM.element("code"); el.textContent = code; ret = html`

${el}

`; } ret.style.overflow = "scroll"; ret.value = code; return ret; }