PROJECT_DECRYPT_042

KINETIC ENGINE

Abstract purple metallic knot with floating spheres

RENDER_STABLE_V1.0

01 / OVERVIEW

PHYSICS AS A DESIGN MEDIUM.

OVERVIEW

Kinetic Engine is a constraint-based animation runtime for the web. It replaces timeline-driven motion with physics simulation — mass, friction, spring tension — letting UI elements respond to interaction the way objects respond to force.

Challenge

Getting frame-perfect performance in the browser without sacrificing authoring simplicity took three rewrites. The final architecture runs the simulation in a Web Worker and applies transforms on the main thread, keeping jank below the threshold of perception.

02 / TECH_STACK

01

RUST / WASM

02

WEBGL 2.0

03

TYPESCRIPT

04

GRPC / PROTO

03 / NEXT PROJECT