Design engineering experiment

Folding an image into space.

A study of the iPhone Duo transition. Drag the device or scrub the hinge to see one continuous display fold through space.

Preparing the 3D model…

Drag the phone or scrub the hingeOpen
MechanicsOpening
Hinge180°
Projection×1.00
Light ramps0%
Render pipeline
  1. Continuous mesh
  2. Hermite hinge
  3. 25-tap blur
  4. ACES lighting
Runtime
WebGL 2
Flex zone
0.7u
Pixel ratio
≤2×

The wallpaper stays attached to the display while a flexible hinge bends the chassis. Blur and light concentrate around the crease.

Built with React, Three.js, Motion, and custom WebGL shaders.