Home▸Geometry▸Origami Folding — 2D Crease Pattern Simulator

🦢 Origami Folding — 2D Crease Pattern Simulator

2D companion to the origami folding simulator: Miura-ori, Yoshimura, Kresling and waterbomb crease patterns rotated and projected onto a plain Canvas 2D view you drag to orbit.

Geometry2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-origami ↗ Open standalone

This 2D companion builds the same rigid-origami facet geometry as the 3D version — Miura-ori, Yoshimura, Kresling and the waterbomb base, each as a set of triangular/quadrilateral panels lifted out of a flat plane by sin(fold) — but rotates and projects those 3D points onto a plain Canvas 2D surface with a hand-rolled rotate/perspective pipeline and painter's-algorithm depth sorting, instead of handing the scene to WebGL. Drag the canvas (or use the rotation and tilt sliders) to orbit the folded structure and watch the mountain (red) and valley (blue) creases sort themselves in front of and behind one another.

⚙ Under the hood

Four rigid-origami crease patterns — Miura-ori, Yoshimura, Kresling, waterbomb — built as depth-sorted facets and rendered with a hand-written rotate/project pipeline on plain Canvas 2D.

origamicrease patternrigid foldingmiura-orikreslinggeometry

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)