2c:null 2d:["$","title",null,{"children":"IWC Tribute to Pallweber | Christophe Yamahata | Observable"}] 32:Te26,viewof simControl = { audio, fadeAudio; const prev = this && this.value ? this.value : {}; const prevMode = prev.mode || "Real-time"; const prevSpeed = prev.speed || 5; const defaultTimeMs = prev.customTime && !isNaN(prev.customTime) ? prev.customTime : Date.now(); const defaultDate = new Date(defaultTimeMs); const pad = (n) => String(n).padStart(2, '0'); const defaultTimeString = `${pad(defaultDate.getHours())}:${pad(defaultDate.getMinutes())}:${pad(defaultDate.getSeconds())}`; const speeds = [0.5, 1, 2, 5, 10]; const prevIndex = speeds.includes(prevSpeed) ? speeds.indexOf(prevSpeed) : 4; // default to 10x const modeInput = Inputs.radio(["Real-time", "Time Warp"], { value: prevMode === "Simulation" ? "Time Warp" : prevMode }); const sliderEl = htl.html``; const valDisplay = htl.html`${speeds[prevIndex]}×`; const speedContainer = htl.html`

Speed: ${sliderEl} ${valDisplay}

`; const timeInputEl = htl.html``; const timeContainer = htl.html`

Start at: ${timeInputEl}

`; const controlsWrapper = htl.html`

${speedContainer} ${timeContainer}

`; function updateState() { const isRealTime = modeInput.value === "Real-time"; sliderEl.disabled = isRealTime; timeInputEl.disabled = isRealTime; controlsWrapper.style.opacity = isRealTime ? "0.3" : "1"; controlsWrapper.style.pointerEvents = isRealTime ? "none" : "auto"; } updateState(); const container = htl.html`

Mode: ${modeInput}

${controlsWrapper}

`; const dispatch = () => { const currentIndex = Number(sliderEl.value); const currentSpeed = speeds[currentIndex]; valDisplay.textContent = `${currentSpeed}×`; updateState(); const parts = timeInputEl.value ? timeInputEl.value.split(':').map(Number) : [0, 0, 0]; const hours = !isNaN(parts[0]) ? parts[0] : 0; const minutes = !isNaN(parts[1]) ? parts[1] : 0; const seconds = !isNaN(parts[2]) ? parts[2] : 0; const baseDate = new Date(); baseDate.setHours(hours, minutes, seconds, 0); container.value = { mode: modeInput.value, speed: currentSpeed, customTime: baseDate.getTime() }; container.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; modeInput.addEventListener("input", dispatch); sliderEl.addEventListener("input", dispatch); timeInputEl.addEventListener("input", dispatch); // Soundrack follows the mode (only fires on real user clicks) modeInput.addEventListener("input", () => { fadeAudio(audio, modeInput.value === "Time Warp" ? 0.8 : 0); }); dispatch(); return container; }33:Tc44,digitalClock = { const currentMode = simControl.mode; const prevMode = this?.mode; const modeChanged = prevMode !== undefined && prevMode !== currentMode; const now = new Date(virtualTime); const isValidTime = !isNaN(now.getTime()); const hStr = isValidTime ? String(now.getHours()).padStart(2, '0') : '00'; const mStr = isValidTime ? String(now.getMinutes()).padStart(2, '0') : '00'; const seconds = isValidTime ? String(now.getSeconds()).padStart(2, '0') : '00'; const hours = hStr; const tens = mStr[0]; const unit = mStr[1]; if (!modeChanged && this) { this.querySelector(".hours").textContent = hours; this.querySelector(".tens").textContent = tens; this.querySelector(".unit").textContent = unit; this.querySelector(".secs").textContent = seconds; return this; } const isRealTime = currentMode === "Real-time"; const leavingRealTime = modeChanged && !isRealTime && prevMode === "Real-time"; const boxStyle = ` background-color: #457b9d; color: #ffffff; font-size: 2.6rem; line-height: 1.2; padding: 8px 7px; border-radius: 4px; display: inline-block; min-width: 26px; text-align: center; vertical-align: middle; `; const initialMaxHeight = isRealTime || leavingRealTime ? '150px' : '0px'; const initialPadding = isRealTime || leavingRealTime ? '15px 0' : '0 0'; const initialOpacity = isRealTime || leavingRealTime ? '1' : '0'; const el = html`

${hours}:${tens}${unit}:${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) { el.style.transition = ""; card.animate([ { opacity: 0, transform: "translateY(-90px)" }, { opacity: 1, transform: "translateY(0)" } ], animOptions); } else if (leavingRealTime) { card.animate([ { opacity: 1, transform: "translateY(0)" }, { opacity: 0, transform: "translateY(-90px)" } ], animOptions); setTimeout(() => { el.style.transition = "max-height 350ms ease, padding 350ms ease, opacity 200ms ease"; el.style.maxHeight = "0px"; el.style.padding = "0 0"; el.style.opacity = "0"; }, 380); } el.mode = currentMode; return el; }34:T11d9,IWC_Tribute_to_Pallweber = { // `zoom`: 1 = whole SVG visible, 2 = 2x const zoomFactor = Math.max(0.1, zoom); // Zoom center in SVG coordinates. null = center of the drawing. // Examples: { x: 500, y: 300 } or center3 or { x: center3.x, y: center3.y } const zoomCenter = { x: (0.9*center3.x + 0.1*center2.x), y: (0.8*center3.y + 0.2*center4.y) } // Corner radius of the frame in px const cornerRadius = 22; // Import and prepare the SVG const importedSvg = document.importNode(svgFile.documentElement, true); const svg = d3.select(importedSvg); // Normalize square viewBox if (!svg.attr("viewBox")) { svg.attr("viewBox", "0 0 1000 1000"); } // Zoom by resizing the viewBox around the zoom center (always centered on it) { const [vx, vy, vw, vh] = svg.attr("viewBox").split(/[\s,]+/).map(Number); const focus = zoomCenter ?? { x: vx + vw / 2, y: vy + vh / 2 }; const zw = vw / zoomFactor, zh = vh / zoomFactor; svg.attr("viewBox", `${focus.x - zw / 2} ${focus.y - zh / 2} ${zw} ${zh}`); } // Normalize legacy Illustrator CS6 fonts for web browsers svg.selectAll("text, tspan").each(function() { const el = d3.select(this); const isBold = (el.attr("font-family") || "").includes("Bold"); el.style("font-family", "Arial, sans-serif") .style("font-weight", isBold ? "bold" : "normal"); }); // Put Jumping_Minute at the lowest level svg.selectAll("#Jumping_Minute").lower(); svg.selectAll("#IWC").lower(); // Apply component rotations svg.select("#Cam_wheel").attr("transform", `rotate(${camRotation}, ${center4.x}, ${center4.y})`); svg.select("#Release_lever_A").attr("transform", `rotate(${leverARotation}, ${center3.x}, ${center3.y})`); svg.select("#Release_lever_B").attr("transform", `rotate(${leverBRotation}, ${center3.x}, ${center3.y})`); svg.select("#Release_wheel").attr("transform", `rotate(${releaseWheelRotation}, ${center2.x}, ${center2.y})`); svg.selectAll("#gear_NIHS_20-25_Z40, #numbers_Min, #Disc_Min").attr("transform", `rotate(${gearRotation}, ${center1.x}, ${center1.y})`); svg.selectAll("#numbers_MinX10, #Disc_MinX10").attr("transform", `rotate(${tensDiscRotation}, ${center5.x}, ${center5.y})`); svg.selectAll("#numbers_H, #Disc_H").attr("transform", `rotate(${hourDiscRotation}, ${centerH.x}, ${centerH.y})`); svg.selectAll("#Malte_2").attr("transform", `rotate(${malte2Rotation}, ${center6.x}, ${center6.y})`); // Generate and position the helical spring layer let springGroup = svg.select("#spring-layer"); if (springGroup.empty()) { springGroup = svg.append("g").attr("id", "spring-layer"); } // Manage visibility of layers svg.selectAll("#Jumping_Minute, #Centers_Jumping_Minute").style("display", showJumpingMechanism ? null : "none"); svg.selectAll("#Watch_dial").style("display", showWatchDial ? "inline" : "none"); svg.selectAll("#IWC").style("display", showWatchDial ? "inline" : "none"); svg.selectAll("#spring-layer").style("display", showWatchDial ? "none" : (showJumpingMechanism ? null : "none")); const offsetX = -8.5, offsetY = -8.5, globalScale = 0.615; const springData = springGenerator(springKinematics.springHeight); springGroup .attr("transform", `translate(${anchorA.x + offsetX}, ${anchorA.y + offsetY}) rotate(${springKinematics.angle - 90}) scale(${globalScale})`) .html(` `); // Ensure correct top-to-bottom render order (Painter's Algorithm) svg.selectAll("#Digital_Display_MM").raise(); svg.selectAll("#Watch_dial").raise(); svg.attr("preserveAspectRatio", "xMidYMid meet") .style("width", "100%") .style("height", "100%") .style("display", "block"); // Frame fills the full cell width; the content inside zooms const wrapper = html`

`; 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:T459,releaseWheelRotation = { const wheelOffset = 0.3; 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 = wheelOffset + 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:[{"id":"4359e3a7b84870b1f89a8f1d75aa5690df0062c0fa620bc456725e037f5e734b7ff1dde897f58689ce84d3df8f41f2a0dae16ba35c15df1a2d978a9b97a270ca","href":"https://static.observableusercontent.com/files/4359e3a7b84870b1f89a8f1d75aa5690df0062c0fa620bc456725e037f5e734b7ff1dde897f58689ce84d3df8f41f2a0dae16ba35c15df1a2d978a9b97a270ca","name":"Mum_my_claws.mp3","type":"audio/mpeg","lastModified":1791923142505,"size":10852800},{"id":"a0c8d974ba748fbbb9eb0f7d8116f87afb1af81b4d114cd4bc5306e6ef8f48c36b03146b57368372f3106a1d45599c4fcf01329e7ac80b6e666803ce86c10242","href":"https://static.observableusercontent.com/files/a0c8d974ba748fbbb9eb0f7d8116f87afb1af81b4d114cd4bc5306e6ef8f48c36b03146b57368372f3106a1d45599c4fcf01329e7ac80b6e666803ce86c10242","name":"IWC_Tribute_to_Pallweber.svg","type":"image/svg+xml","lastModified":1791923519544,"size":692457}] 30:{"id":"c20e7391f0dc54d5","slug":"iwc-tribute-to-pallweber","title":"IWC Tribute to Pallweber","thumbnail":"309a617e0479eea6a12978ca8f8f4cd52f96aafa28aa3dcd8a05e6ea9ac15fde","access_level":"public","create_time":"$D2026-10-11T16:08:38.975Z","update_time":"$D2026-10-13T20:43:59.736Z","view_time":null,"first_public_time":"$D2026-10-12T21:34:03.669Z","has_unpublished_edits":null,"fork":{"id":"8072114f174a39dd","slug":"pallweber-jumping-minute-mechanism","title":"Pallweber Jumping Minute Mechanism","owner":{"id":"dd67891d326bcfb1","login":"christophe-yamahata","name":"Christophe Yamahata"}},"stars":1,"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":4151,"publish_version":4151,"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":"IWC Tribute to Pallweber","cells":[{"id":1,"value":"# IWC Tribute to Pallweber","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"*In 2018, to celebrate the 150^th anniversary of the watch company, IWC Schaffhausen unveiled the “IWC Tribute to Pallweber” wristwatch, a homage to the innovative work of watchmaker Josef Pallweber (1858–1921). Pallweber pioneered a revolutionary digital time display utilizing rotating discs in place of traditional hands.*\n\nThis interactive animation illustrates the complete Pallweber jump mechanism inspired by the IWC Tribute to Pallweber wristwatch (Calibre 94200). Driven by a release lever assembly and a cam wheel linked to the escapement gear train, the jump mechanism restrains the leading 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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"## Digital Display & Jumping Mechanism","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"viewof zoom = Inputs.range([1, 3.4], {value: 1.2, step: 0.01, label: html`Zoom (around release levers)`})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"viewof showWatchDial = {\n const form = Inputs.toggle({\n label: html`Show the Watch Dial
(mechanism hidden)`,\n value: false\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"viewof showJumpingMechanism = {\n const form = Inputs.toggle({\n label: html`Show the Jumping
Minute Mechanism`,\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"---\n\n### Related Notebooks\nRelated Observable notebooks in the Pallweber animation series:\n- Pallweber Mechanism – Animation exploring the hours and minute gear trains and layout geometry of the IWC Pallweber complication.\n- Jumping Minute Mechanism – Animation detailing the instantaneous jump mechanism and disc synchronization.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"svgFile = {\n const text = await FileAttachment(\"IWC_Tribute_to_Pallweber.svg\").text();\n return new DOMParser().parseFromString(text, \"image/svg+xml\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"// ♫ Múm - My Claws (Menschen am Sonntag, Live in Berlin)\nsoundtrack = FileAttachment(\"Mum_my_claws.mp3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"audio = {\n const a = new Audio(await soundtrack.url());\n a.loop = true;\n a.volume = 0;\n invalidation.then(() => { a.pause(); });\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"fadeAudio = (a, target, ms = 4000) => {\n clearInterval(a._fade); // cancel any fade in progress\n if (target > 0 && a.paused) a.play().catch(console.warn);\n\n const from = a.volume;\n const t0 = performance.now();\n\n a._fade = setInterval(() => {\n const k = Math.min(1, (performance.now() - t0) / ms);\n a.volume = from + (target - from) * k;\n if (k >= 1) {\n clearInterval(a._fade);\n if (target === 0) a.pause(); // stop completely after fade out\n }\n }, 30);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"clockConfig = ({\n stepEven: 60,\n stepOdd: 60,\n jumpStart: 1.0,\n jumpDuration: 0.8, // snap speed\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"timeState = {\n const correctionMs = -60000; // 1-minute initialization offset correction\n const now = new Date(virtualTime + (timeOffset * 1000) + correctionMs);\n\n const totalSeconds = (now.getMinutes() * 60) + now.getSeconds() + now.getMilliseconds() / 1000;\n const minuteIndex = Math.floor(totalSeconds / 60);\n const secondsIntoMinute = totalSeconds % 60;\n\n const jumpStart = clockConfig.jumpStart ?? 57;\n const jumpDuration = clockConfig.jumpDuration ?? 3;\n\n let jumpProgress = 0;\n if (secondsIntoMinute >= jumpStart) {\n const elapsed = secondsIntoMinute - jumpStart;\n if (elapsed < jumpDuration) {\n let progress = elapsed / jumpDuration;\n jumpProgress = 1 - Math.pow(1 - progress, 3);\n } else {\n jumpProgress = 1;\n }\n }\n\n return {\n now,\n minuteIndex,\n secondsIntoMinute,\n jumpProgress,\n hours24: now.getHours()\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"virtualTime = {\n if (simControl.mode === \"Real-time\") {\n // Yield live system time continuously\n while (true) {\n yield Date.now();\n await Promises.delay(50);\n }\n } else {\n // Fast forward mode: starts ticking from the custom start time selected by the user\n let startTime = simControl.customTime;\n const startTick = performance.now();\n\n while (true) {\n const now = performance.now();\n const elapsedRealMs = (now - startTick) * simControl.speed;\n yield startTime + elapsedRealMs;\n await Promises.delay(50);\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"center1 = {\n\n const el = svgFile.getElementById(\"Center_Minutes\");\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"center2 = {\n\n const el = svgFile.getElementById(\"Center_Release_Wheel\");\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"center3 = {\n\n const el = svgFile.getElementById(\"Center_Release_Levers\");\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"center4 = {\n\n const el = svgFile.getElementById(\"Center_Cam\");\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"center5 = {\n\n const el = svgFile.getElementById(\"MinX10\");\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"center6 = {\n\n const el = svgFile.getElementById(\"Malte_2_wheel\");\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"centerH = {\n\n const el = svgFile.getElementById(\"Center_H\");\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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"baseAnchorA = {\n const el = 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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"baseAnchorB = {\n const el = 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","tool":"$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","tool":"$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","tool":"$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","tool":"$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","tool":"$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","tool":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"gearRotation = {\n const t = timeState;\n\n const totalTravel = t.minuteIndex + t.jumpProgress;\n const stepMinute = clockConfig.stepMinute || 36;\n return totalTravel * stepMinute;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"tensDiscRotation = {\n const t = timeState;\n\n const tensSteps = Math.floor(t.minuteIndex / 10);\n const minuteInBlock = t.minuteIndex % 10;\n\n let jumpProgress = 0;\n if (minuteInBlock === 9) {\n jumpProgress = t.jumpProgress;\n }\n\n const totalTravel = tensSteps + jumpProgress;\n const stepTens = clockConfig.stepTens || 60;\n return -(totalTravel * stepTens);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"malte2Rotation = {\n const t = timeState;\n\n // 1. Get total elapsed hours cleanly from virtual time (integer seconds converted to hours)\n const totalSecondsElapsed = (virtualTime + (timeOffset * 1000) - 60000) / 1000;\n const totalHours = Math.floor(totalSecondsElapsed / 3600);\n\n // 2. Track minute within the current hour (0 to 59)\n const minuteInHour = t.minuteIndex % 60;\n\n // 3. Smooth 72° jump during the final minute (minute 59)\n let jumpProgress = 0;\n if (minuteInHour === 59) {\n jumpProgress = t.jumpProgress;\n }\n\n // 4. Step configuration for a 5-branch Maltese cross (360° / 5 = 72°)\n const totalTravel = totalHours + jumpProgress;\n const stepMalte = 72;\n\n // 5. BASE OFFSET: Adjust this angle (in degrees) if the star teeth\n // are misaligned with the driving pin in your Illustrator SVG starting state.\n const baseOffset = 0; // Change this (e.g., 0, 14.4, 36, etc.) to calibrate\n\n return (totalTravel * stepMalte) + baseOffset;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"hourDiscRotation = {\n const t = timeState;\n\n // Convert 24-hour time to 12-hour format (1–12)\n const hours12 = t.hours24 % 12;\n const currentHour12 = hours12 === 0 ? 12 : hours12;\n\n // Determine where we are within the current hour (0 to 59 minutes)\n const minuteInHour = t.minuteIndex % 60;\n\n // The hour disc stays completely stationary during minutes 0 through 58.\n // During minute 59, it borrows the synchronized jumpProgress from timeState\n // to smoothly advance 30° right as the hour rolls over.\n let jumpProgress = 0;\n if (minuteInHour === 59) {\n jumpProgress = t.jumpProgress;\n }\n\n const totalTravel = currentHour12 + jumpProgress;\n const stepHour = clockConfig.stepHour || 30; // 360° / 12 = 30° per hour\n return totalTravel * stepHour;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3a","stdlib":"2"}} 31:"$30:body"