2c:null 2d:["$","title",null,{"children":"Pallweber Jumping Minute Mechanism | Christophe Yamahata | Observable"}] 32:T8ae,viewof simControl = { const prevMode = this ? this.value?.mode : "Real-time"; const prevSpeed = this ? this.value?.speed : 10; const speeds = [5, 10, 20, 50]; const prevIndex = speeds.includes(prevSpeed) ? speeds.indexOf(prevSpeed) : 0; const modeInput = Inputs.radio(["Real-time", "Fast forward"], { value: prevMode }); const sliderEl = htl.html``; const valDisplay = htl.html`${speeds[prevIndex]}×`; const speedContainer = htl.html`

Speed: ${sliderEl} ${valDisplay}

`; function updateState() { const isRealTime = modeInput.value === "Real-time"; sliderEl.disabled = isRealTime; // Fade and disable interaction for the speed slider container and text speedContainer.style.opacity = isRealTime ? "0.3" : "1"; speedContainer.style.pointerEvents = isRealTime ? "none" : "auto"; speedContainer.style.color = isRealTime ? "#888" : "inherit"; } updateState(); const container = htl.html`

Mode: ${modeInput}

${speedContainer}

`; const dispatch = () => { const currentIndex = Number(sliderEl.value); const currentSpeed = speeds[currentIndex]; valDisplay.textContent = `${currentSpeed}×`; updateState(); container.value = { mode: modeInput.value, speed: currentSpeed }; container.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; modeInput.addEventListener("input", dispatch); sliderEl.addEventListener("input", dispatch); // Initial container value assignment container.value = { mode: modeInput.value, speed: speeds[Number(sliderEl.value)] }; return container; }33:T953,digitalClock = { const currentMode = simControl.mode; const prevMode = this?.mode; const modeChanged = prevMode !== undefined && prevMode !== currentMode; const now = new Date(virtualTime); const hours = String(now.getHours()).padStart(2, '0'); const minutes = String(now.getMinutes()).padStart(2, '0'); const seconds = String(now.getSeconds()).padStart(2, '0'); // 1. If mode hasn't changed, reuse existing DOM and just update the text in place! if (!modeChanged && this) { this.querySelector(".hours").textContent = hours; this.querySelector(".tens").textContent = minutes[0]; this.querySelector(".unit").textContent = minutes[1]; this.querySelector(".secs").textContent = seconds; return this; } // 2. Mode changed: build the element and trigger the entrance/exit animation const isRealTime = currentMode === "Real-time"; const el = html`

${hours}:${minutes[0]}${minutes[1]}:${seconds}

`; const card = el.querySelector(".clock-card"); const animDuration = 450; const animOptions = { duration: animDuration, easing: "cubic-bezier(0.4, 0, 0.2, 1)", fill: "forwards" }; if (isRealTime) { // Slide IN when switching to Real-time card.animate([ { opacity: 0, transform: "translateY(-90px)" }, { opacity: 1, transform: "translateY(0)" } ], animOptions); } else { // Slide OUT when switching to Fast forward card.animate([ { opacity: 1, transform: "translateY(0)" }, { opacity: 0, transform: "translateY(-90px)" } ], animOptions); } el.mode = currentMode; return el; }34:Tedb,jumpingMinuteMechanism = { // Force reactivity on frame ticks and the toggle state const currentCamRotation = camRotation; const currentLeverB = leverBRotation; const currentLeverA = leverARotation; const currentReleaseWheel = releaseWheelRotation; const currentGear = gearRotation; const isDiscVisible = showMinuteDisc; const importedSvg = document.importNode(svgFile.documentElement, true); const svg = d3.select(importedSvg); if (!svg.attr("viewBox")) { svg.attr("viewBox", "0 0 1000 800"); } // Normalize legacy Illustrator CS6 font names for web browsers svg.selectAll("text, tspan").each(function() { const el = d3.select(this); const fontAttr = el.attr("font-family") || ""; if (fontAttr.includes("Bold")) { el.style("font-family", "Arial, sans-serif").style("font-weight", "bold"); } else { el.style("font-family", "Arial, sans-serif").style("font-weight", "normal"); } }); // Flip horizontally around the center (500, 400) const masterGroup = svg.append("g") .attr("transform", "translate(500, 400) scale(-1, 1) translate(-500, -400)"); // Move all original children of the SVG into this master group svg.selectAll(function() { return this.childNodes; }) .filter(function() { return this !== masterGroup.node(); }) .each(function() { masterGroup.node().appendChild(this); }); // 1. Rotate Cam Wheel svg.select("#Cam_x5F_wheel") .attr("transform", `rotate(${currentCamRotation}, ${center4.x}, ${center4.y})`); // 2. Rotate Release Lever A svg.select("#Release_x5F_lever_x5F_A") .attr("transform", `rotate(${currentLeverA}, ${center3.x}, ${center3.y})`); // 3. Rotate Release Lever B svg.select("#Release_x5F_lever_x5F_B") .attr("transform", `rotate(${currentLeverB}, ${center3.x}, ${center3.y})`); // 4. Rotate Release Wheel svg.select("#Release_x5F_wheel") .attr("transform", `rotate(${currentReleaseWheel}, ${center2.x}, ${center2.y})`); // 5. Rotate Gear and Single-minute disc together around Center 1 svg.selectAll("#gear_x5F_NIHS_x5F_20-25_x5F_Z40, #Single-minute_x5F_disc") .attr("transform", `rotate(${currentGear}, ${center1.x}, ${center1.y})`); // 6. Handle visibility of the Single-minute disc group svg.selectAll("#Single-minute_x5F_disc, #Minutes_x5F_window") .style("display", isDiscVisible ? null : "none"); // 7. Position and scale the spring layer let springGroup = svg.select("#spring-layer"); if (springGroup.empty()) { springGroup = masterGroup.append("g").attr("id", "spring-layer"); } const offsetX = 9; const offsetY = -10; const globalScale = 0.625; const springData = springGenerator(springKinematics.springHeight); springGroup .attr("transform", `translate(${anchorA.x + offsetX}, ${anchorA.y + offsetY}) rotate(${springKinematics.angle - 90}) scale(${globalScale})`) .html(` `); // Apply cropping wrapper and layout styling const wrapper = html`

`; svg.style("width", "100%") .style("height", "auto") .style("position", "absolute") .style("top", "-30px"); wrapper.appendChild(svg.node()); return wrapper; }35:T47c,viewof display_inspect = { const el = htl.html`

Variables & Functions

⇣ Check to inspect the script

`; const checkbox = el.querySelector("input"); const spacer = el.querySelector("div"); function update() { const show = checkbox.checked; document.querySelectorAll(".observablehq--inspect").forEach(node => { if (el.contains(node)) return; node.style.display = show ? "" : "none"; }); spacer.style.height = show ? "0" : "20vh"; } checkbox.addEventListener("change", update); // Keep watching the DOM for new inspectors const observer = new MutationObserver(update); observer.observe(document.body, { childList: true, subtree: true }); // Initial state update(); // Clean up when the cell is re-run invalidation.then(() => observer.disconnect()); return el; }36:T6a3,springGenerator = { return (springHeight, customConfig = {}) => { const config = { ...springConfiguration, ...customConfig }; const { numCoils, radius, wireDiameter, step, startY } = config; const rL1 = 1.8; const rL2 = 1.2; const rL3 = 0.7; const rL4 = 0.6; const endY = startY + numCoils * springHeight; const anchorY = startY - radius * rL1; let front = "", back = ""; const n = numCoils * 2 * step; let prev = null; for (let i = 0; i < n; i++) { const t1 = (i / step) * Math.PI; const t2 = ((i + 1) / step) * Math.PI; const tm = (t1 + t2) / 2; const pt = t => [radius * Math.sin(t), startY + springHeight * t / (2 * Math.PI)]; const [x1, y1] = pt(t1), [x2, y2] = pt(t2); const isFront = Math.cos(tm) > 0; const seg = (prev === isFront ? "" : `M ${x1.toFixed(2)},${y1.toFixed(2)} `) + `L ${x2.toFixed(2)},${y2.toFixed(2)} `; if (isFront) front += seg; else back += seg; prev = isFront; } // Extended smooth hook configuration (sweeping past a quarter circle) const rLoop = radius * rL2; const anchorEndY = endY + radius * rL1; const cx1 = rLoop * rL3; const cy1 = rLoop * rL4; const loopLeft = `M 0,${startY} C -${rLoop},${startY} -${rLoop},${anchorY} 0,${anchorY} C ${cx1},${anchorY} ${cy1 * 1.3},${anchorY + rLoop * 0.9} ${rLoop * 0.4},${anchorY + rLoop * 1.1}`; const loopRight = `M 0,${endY} C ${rLoop},${endY} ${rLoop},${anchorEndY} 0,${anchorEndY} C -${cx1},${anchorEndY} -${cy1 * 1.3},${anchorEndY - rLoop * 0.9} -${rLoop * 0.4},${anchorEndY - rLoop * 1.1}`; return { front, back, loopLeft, loopRight, anchorY, endY }; }; }37:T444,leverARotation = { const keyframes = leverAKeyframes; const restAngle = keyframes[0].a; // Rest angle while (true) { const now = new Date(virtualTime + timeOffset * 1000); const currentMinute = now.getMinutes(); // Active when it is NOT an even minute (i.e., odd minutes: 1, 3, 5, 7, 9...) const isOddMinute = currentMinute % 2 !== 0; let angle; if (isOddMinute) { const totalSeconds = now.getSeconds() + now.getMilliseconds() / 1000; let i = 0; while (i < keyframes.length - 1 && totalSeconds >= keyframes[i + 1].t) { i++; } const k0 = keyframes[i]; const k1 = keyframes[(i + 1) % keyframes.length]; let t0 = k0.t; let t1 = k1.t; if (t1 < t0) t1 += 60; let tCurrent = totalSeconds; if (tCurrent < t0) tCurrent += 60; const progress = (tCurrent - t0) / (t1 - t0); angle = k0.a + progress * (k1.a - k0.a); } else { angle = restAngle; } yield angle; await Promises.tick(16); } }38:T46e,leverBRotation = { const keyframes = leverBKeyframes; const restAngle = keyframes[0].a; // Rest angle while (true) { const now = new Date(virtualTime + timeOffset * 1000); const currentMinute = now.getMinutes(); // Checks if the current minute is even (covers 0, 2, 4, 6, 8, 10, 12, ...) const isEvenMinute = currentMinute % 2 === 0; let angle; if (isEvenMinute) { // Active during even minutes: interpolate through the 60s keyframes const totalSeconds = now.getSeconds() + now.getMilliseconds() / 1000; let i = 0; while (i < keyframes.length - 1 && totalSeconds >= keyframes[i + 1].t) { i++; } const k0 = keyframes[i]; const k1 = keyframes[(i + 1) % keyframes.length]; let t0 = k0.t; let t1 = k1.t; if (t1 < t0) t1 += 60; let tCurrent = totalSeconds; if (tCurrent < t0) tCurrent += 60; const progress = (tCurrent - t0) / (t1 - t0); angle = k0.a + progress * (k1.a - k0.a); } else { // Resting during odd minutes angle = restAngle; } yield angle; await Promises.tick(16); } }39:T42c,releaseWheelRotation = { while (true) { const now = new Date(virtualTime + timeOffset * 1000); const totalSeconds = (now.getMinutes() * 60) + now.getSeconds() + now.getMilliseconds() / 1000; const minuteIndex = Math.floor(totalSeconds / 60); const secondsIntoMinute = totalSeconds % 60; const fullPairs = Math.floor(minuteIndex / 2); let baseAngle = fullPairs * (clockConfig.stepEven + clockConfig.stepOdd); if (minuteIndex % 2 === 1) { baseAngle += clockConfig.stepEven; } const currentStep = (minuteIndex % 2 === 0) ? clockConfig.stepEven : clockConfig.stepOdd; let progress = 0; if (secondsIntoMinute >= clockConfig.jumpStart) { if (secondsIntoMinute < clockConfig.jumpStart + clockConfig.jumpDuration) { progress = (secondsIntoMinute - clockConfig.jumpStart) / clockConfig.jumpDuration; progress = 1 - Math.pow(1 - progress, 3); // Cubic ease-out snap } else { progress = 1; } } yield baseAngle + (progress * currentStep); await Promises.tick(16); } }3a:T4d9,gearRotation = { const ratio = 24 / 40; while (true) { const now = new Date(virtualTime + timeOffset * 1000); const totalSeconds = (now.getMinutes() * 60) + now.getSeconds() + now.getMilliseconds() / 1000; const minuteIndex = Math.floor(totalSeconds / 60); const secondsIntoMinute = totalSeconds % 60; const fullPairs = Math.floor(minuteIndex / 2); let baseAngle = fullPairs * (clockConfig.stepEven + clockConfig.stepOdd); if (minuteIndex % 2 === 1) { baseAngle += clockConfig.stepEven; } const currentStep = (minuteIndex % 2 === 0) ? clockConfig.stepEven : clockConfig.stepOdd; let progress = 0; if (secondsIntoMinute >= clockConfig.jumpStart) { if (secondsIntoMinute < clockConfig.jumpStart + clockConfig.jumpDuration) { progress = (secondsIntoMinute - clockConfig.jumpStart) / clockConfig.jumpDuration; progress = 1 - Math.pow(1 - progress, 3); } else { progress = 1; } } // Apply kinematics, reverse direction, scale by ratio, and add the zero offset calibration const currentAngle = -((baseAngle + (progress * currentStep)) * ratio) + clockConfig.gearZeroOffset; yield currentAngle; await Promises.tick(16); } }3b:[{"id":"19fda0e9440b09078d7e73b90def9a93ece5a64a2f9d0abe6c5e8225b0c6083cd0cd29583d1e6a245e65237404746d384360d5179f7d0b671b9036804ec7a118","href":"https://static.observableusercontent.com/files/19fda0e9440b09078d7e73b90def9a93ece5a64a2f9d0abe6c5e8225b0c6083cd0cd29583d1e6a245e65237404746d384360d5179f7d0b671b9036804ec7a118","name":"Pallweber_Jumping_Minute.svg","type":"image/svg+xml","lastModified":1791496880095,"size":36452}] 30:{"id":"8072114f174a39dd","slug":"pallweber-jumping-minute-mechanism","title":"Pallweber Jumping Minute Mechanism","thumbnail":"662ad54bec55de870fa0bc273f0a08845e419bcee56a6a5e00a607224c8d2462","access_level":"public","create_time":"$D2026-10-06T17:38:18.196Z","update_time":"$D2026-10-08T22:09:45.045Z","view_time":null,"first_public_time":"$D2026-10-08T19:47:55.542Z","has_unpublished_edits":null,"fork":{"id":"aea3a4bc91743124","slug":"helical-spring","title":"Helical Spring","owner":{"id":"dd67891d326bcfb1","login":"christophe-yamahata","name":"Christophe Yamahata"}},"stars":0,"starred":false,"owner":{"type":"team","id":"dd67891d326bcfb1","login":"christophe-yamahata","name":"Christophe Yamahata","avatar_url":"https://avatars-next.observableusercontent.com/8256ac716aa8395babba412b2835913d186874fa4190df57a4a28f2e60129876","tier":"starter_2024","bio":""},"version":3023,"publish_version":3023,"role":null,"authored":false,"authors":[{"type":"individual","id":"06f083eba60f5a76","login":"christophe-yamahata","name":"Christophe Yamahata","avatar_url":"https://avatars-next.observableusercontent.com/8256ac716aa8395babba412b2835913d186874fa4190df57a4a28f2e60129876","tier":null,"bio":""}],"members":[{"type":"team","id":"dd67891d326bcfb1","login":"christophe-yamahata","name":"Christophe Yamahata","avatar_url":"https://avatars-next.observableusercontent.com/8256ac716aa8395babba412b2835913d186874fa4190df57a4a28f2e60129876","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"53ef52938384acb8","slug":"horology","title":"Horology","owner":{"id":"dd67891d326bcfb1","login":"christophe-yamahata","name":"Christophe Yamahata"}},"type":"notebook","body":{"titling":"auto","title":"Pallweber Jumping Minute Mechanism","cells":[{"id":1,"value":"# Pallweber Jumping Minute Mechanism","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"This animation illustrates an instantaneous jump mechanism inspired by the IWC Tribute to Pallweber wristwatch, created for the manufacture's 150^th anniversary. Driven by a release lever assembly and a cam wheel linked to the gear train, the mechanism restrains the **single-minute disc** and unlocks it momentarily every minute, allowing the hours-and-minutes display to snap forward instantly to the next numeral before locking securely back into position.\n\n---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"### Digital Clock & Jumping Minute Mechanism","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"viewof showMinuteDisc = {\n const form = Inputs.toggle({\n label: html`Show the
Single-Minute Disc`,\n value: true\n });\n\n const label = form.querySelector(\"label\");\n if (label) {\n label.style.width = \"auto\";\n label.style.maxWidth = \"none\";\n label.style.lineHeight = \"1.3\";\n label.style.marginRight = \"20px\";\n }\n\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"svgFile = {\n const text = await FileAttachment(\"Pallweber_Jumping_Minute.svg\").text();\n return new DOMParser().parseFromString(text, \"image/svg+xml\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"springConfiguration = ({\n numCoils: 26,\n radius: 22,\n wireDiameter: 4.8,\n step: 40,\n startY: 0,\n scale: 0.0532 // Converts SVG pixel distance to spring generator units\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"clockConfig = ({\n stepEven: 62.1,\n stepOdd: 120 - 62.1 + 0.01,\n jumpStart: 1.0,\n jumpDuration: 0.5, // snap speed\n gearZeroOffset: 1*36\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"timeOffset = 1.2 // Time offset in seconds to synchronise the mechanism with the digital clock","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"virtualTime = {\n let simulatedTimestamp = Date.now();\n let lastRealTime = performance.now();\n\n while (true) {\n const nowReal = performance.now();\n const dt = (nowReal - lastRealTime) / 1000; // elapsed real seconds\n lastRealTime = nowReal;\n\n if (simControl.mode === \"Real-time\") {\n // Follow pure real system time\n simulatedTimestamp = Date.now();\n } else {\n simulatedTimestamp += dt * simControl.speed * 1000;\n }\n\n yield simulatedTimestamp;\n await Promises.tick(16);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"center1 = {\n\n const el = svgFile.getElementById(\"Center_x5F_1\") || svgFile.getElementById(\"Center_1\");\n\n return {\n\n x: parseFloat(el.getAttribute(\"cx\")),\n\n y: parseFloat(el.getAttribute(\"cy\"))\n\n };\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"center2 = {\n\n const el = svgFile.getElementById(\"Center_x5F_2\") || svgFile.getElementById(\"Center_2\");\n\n return {\n\n x: parseFloat(el.getAttribute(\"cx\")),\n\n y: parseFloat(el.getAttribute(\"cy\"))\n\n };\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"center3 = {\n\n const el = svgFile.getElementById(\"Center_x5F_3\") || svgFile.getElementById(\"Center_3\");\n\n return {\n\n x: parseFloat(el.getAttribute(\"cx\")),\n\n y: parseFloat(el.getAttribute(\"cy\"))\n\n };\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"center4 = {\n\n const el = svgFile.getElementById(\"Center_x5F_4\") || svgFile.getElementById(\"Center_4\");\n\n return {\n\n x: parseFloat(el.getAttribute(\"cx\")),\n\n y: parseFloat(el.getAttribute(\"cy\"))\n\n };\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"baseAnchorA = {\n const el = svgFile.getElementById(\"Center_x5F_A\") || svgFile.getElementById(\"Center_A\");\n return { x: parseFloat(el.getAttribute(\"cx\") || el.getAttribute(\"x\")), y: parseFloat(el.getAttribute(\"cy\") || el.getAttribute(\"y\")) };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"baseAnchorB = {\n const el = svgFile.getElementById(\"Center_x5F_B\") || svgFile.getElementById(\"Center_B\");\n return { x: parseFloat(el.getAttribute(\"cx\") || el.getAttribute(\"x\")), y: parseFloat(el.getAttribute(\"cy\") || el.getAttribute(\"y\")) };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"anchorA = {\n const rad = (leverARotation * Math.PI) / 180;\n const cos = Math.cos(rad);\n const sin = Math.sin(rad);\n const dx = baseAnchorA.x - center3.x;\n const dy = baseAnchorA.y - center3.y;\n return {\n x: dx * cos - dy * sin + center3.x,\n y: dx * sin + dy * cos + center3.y\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"anchorB = {\n const rad = (leverBRotation * Math.PI) / 180;\n const cos = Math.cos(rad);\n const sin = Math.sin(rad);\n const dx = baseAnchorB.x - center3.x;\n const dy = baseAnchorB.y - center3.y;\n return {\n x: dx * cos - dy * sin + center3.x,\n y: dx * sin + dy * cos + center3.y\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"springKinematics = {\n const dx = anchorB.x - anchorA.x;\n const dy = anchorB.y - anchorA.y;\n const pixelDistance = Math.sqrt(dx * dx + dy * dy);\n const angle = (Math.atan2(dy, dx) * 180) / Math.PI;\n\n const springHeight = pixelDistance * springConfiguration.scale;\n\n return { springHeight, angle };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"camRotation = {\n while (true) {\n const now = new Date(virtualTime + timeOffset * 1000);\n const totalSeconds = (now.getMinutes() * 60) + now.getSeconds() + (now.getMilliseconds() / 1000);\n const totalMinutes = (now.getHours() * 60) + totalSeconds / 60;\n\n // Determine if the current minute is even or odd\n const currentMinute = Math.floor(totalMinutes);\n const isEvenMinute = currentMinute % 2 === 0;\n\n // Base 4-minute cycle rotation (1.5 degrees per second)\n let baseAngle = (360 - (totalSeconds * 1.5)) % 360;\n\n // Apply an adjustment or phase shift depending on even/odd minutes\n const camAngle = isEvenMinute ? baseAngle : (baseAngle + 180) % 360;\n\n yield camAngle;\n await Promises.tick(16);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"leverAKeyframes = [\n { t: 0, a: -0.1 },\n { t: 0.85, a: -0.1 },\n { t: 0.9, a: -6.3 },\n { t: 11, a: -6.3 },\n { t: 18, a: -4.7 },\n { t: 30, a: -2.6 },\n { t: 40, a: -1.4 },\n { t: 50, a: -0.5 },\n { t: 60, a: -0.1 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"leverBKeyframes = [\n { t: 0, a: 0.2 },\n { t: 0.85, a: 0.2 },\n { t: 0.9, a: 6 },\n { t: 11, a: 6 },\n { t: 24, a: 3.5 },\n { t: 30, a: 2.5 },\n { t: 40, a: 1 },\n { t: 50, a: 0.4 },\n { t: 60, a: 0.2 },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3b","stdlib":"2"}} 31:"$30:body"