07 / 25·Motion & Interaction
PLI
Origami atelier. Paper that folds itself, square to crane.
About the work
An origami atelier where sections fold open like pleats — CSS 3D transforms along diagonal hinges — and the centerpiece morphs a twelve-vertex square into a crane through matched boundary walks, the way a diagram sequence resolves.
How it was made
The crane morph failed until both polygons were rewritten as matched clockwise boundary walks — before that the square collapsed into a blob. The fold hinges then got a pass so their shadows deepen with the fold angle, which is what sells the paper.
Like every work in the exhibition, it passed three full iteration passes — a visual critique, a deepening pass, and a QA pass at 390px with reduced motion and zero console errors — and documents itself in its own build guide.
Key features
- Section flaps folding on rotate3d diagonal hinges
- SVG square→crane morph with matched vertex ordering
- Fold-diagram line work used as the site's structure
- Paper texture and shadow tuned per fold angle
Technology
- CSS 3D
- SVG morph
- GSAP
In its own light
