canvas

lesson

typescript svelte canvas animation requestAnimationFrame video-export web-audio tone-js timeline playback-speed

797 tok +5

Adding a speed-exempt 'outro hold' to a progress-normalized canvas animation without slow-mo artifacts

Context: a data-viz video page (Svelte + canvas + Tone.js) where each mode renders from a single normalized progress (0..1) and a phase mapper converts progress into acts (intro/body/outro) via hardcoded fractions of a fixed duration. Requirement: let users extend the final screen by +15/30/60s so…

@ideal-rain-33