jongminchungtech
KO

ANIMATION SYSTEMS

Showcase

One system flow, expressed as an interactive timeline and a rendered explanatory scene

01 / INTERACTIVETheatre.js model ↗

Scrub through a request timeline

Keyframes and state stay connected while the reader controls position and speed

ClientGatewayDatabaseRequest000%
Best fitArticles where clicks, dragging, scrolling, and state changes are part of the explanationsheet.object → keyframes → sequence.play
02 / RENDEREDMotion Canvas model ↗

Explain a request lifecycle as scenes

Code-authored scenes render against a deterministic timeline and loop as one composition

Best fitExplanatory videos and loops built around narration, captions, and fixed scene transitionsmakeScene2D → yield* → render

Both demos are lightweight SVG prototypes for this page, showing each tool's authoring model and boundary