02 / Compilers and developer tools

Orikata — folding DOM surfaces into pseudo-3D paper

A TypeScript interaction library for fold geometry, hit testing, event forwarding, and synchronising dynamic form state.

Status
Interaction experiment
Role
Library design and implementation

Goal

Explore how an existing DOM surface can be mapped onto foldable pseudo-3D paper while preserving as much of the original page’s interaction semantics as possible.

Modes

  • static-view
  • interactive-bridge
  • baked-view
  • live-mirror

Hard parts

The main problems are fold geometry, hit testing, event forwarding, visual mirroring, and synchronisation of dynamic form state.