This app allows you to upload any origami crease pattern and simulate how it will fold. It uses a physics-based
approach to iteratively solve for small displacements in the geometry of an initially flat sheet due to forces
exerted by creases. This physics solver extends work from the following sources: <br/><br/>
<atarget="_blank"href="http://www2.eng.cam.ac.uk/~sdg/preprint/5OSME.pdf">Origami Folding; A Structural Engineering Approach</a> by Mark Schenk and Simon D. Guest<br/>
<atarget="_blank"href="http://origami.c.u-tokyo.ac.jp/~tachi/cg/SimulationOfRigidOrigami_tachi_4OSME.pdf">Rigid Origami Simulator</a> by Tomohiro Tachi<br/>
<br/>
All simulation methods were written from scratch and are executed in parallel in several GPU fragment shaders for fast performance.
</p><br/>
<b>Instructions:</b><br/><br/>
<ul>
<li>Slide the <b>Fold Angle</b> slider to control the degree of folding of the pattern (1 is fully folded, 0 is unfolded,
and -1 is fully folded with the opposite mountain/valley assignments).</li>
<li>Import other patterns under the <b>Examples</b> menu.</li>
<li>Upload your own crease patterns in SVG or FOLD formats, following <ahref="#"class="goToImportInstructions">these instructions</a>.</li>
<li>Export FOLD files or 3D models ( STL or OBJ ) of the folded state of your design ( <b>File>Save Simulation as...</b> ).</li>
<li>Visualize the internal strain of the origami as it folds using the <b>Strain Visualization</b> in the left menu.</li>
<li>If you are working from a computer connected to a Vive, follow <ahref="#"id="goToViveInstructions">these instructions</a>
to use this app in an interactive virtual reality mode.</li>
</ul>
<br/>
This app uses <atarget="_blank"href="https://threejs.org/">three.js</a> to visualize and interact with the 3D geometry of the folding.<br/>
Triangulation of quad faces in origami patterns is achieved by adding the shortest edge across the quad (this helps to preserve symmetry, which
makes the simulation work better). Arbitrary polygonal faces are triangulated using the <atarget="_blank"href="https://github.com/mapbox/earcut">Earcut Library</a>.<br/>
Additionally, I used <atarget="_blank"href="https://jquery.com/">jQuery</a>, <atarget="_blank"href="http://getbootstrap.com/">Bootstrap</a>, and the
<atarget="_blank"href="http://designmodo.github.io/Flat-UI/">Flat UI theme</a> to build the GUI.<br/>
<b>External Libraries:</b><br/><br/>
<ul>
<li>All rendering and 3D interaction done with <atarget="_blank"href="https://threejs.org/">three.js</a></li>
<li><ahref="https://www.npmjs.com/package/path-data-polyfill"target="_blank">path-data-polyfill</a> helps with SVG parsing</li>
<li>Arbitrary polygonal faces of imported geometry are triangulated using the <atarget="_blank"href="https://github.com/mapbox/earcut">Earcut Library</a></li>
<li><atarget="_blank"href="https://jquery.com/">jQuery</a>, <atarget="_blank"href="http://getbootstrap.com/">Bootstrap</a>, and the
<atarget="_blank"href="http://designmodo.github.io/Flat-UI/">Flat UI theme</a> used to build the GUI</li>
</ul>
<p>
<br/>
Built by <ahref="http://www.amandaghassaei.com/"target="_blank">Amanda Ghassaei</a> as a final project for <ahref="http://courses.csail.mit.edu/6.849/spring17/"target="_blank">Geometric Folding Algorithms</a>.
Code available on <ahref="https://github.com/amandaghassaei/OrigamiSimulator"target="_blank">Github</a>. If you have interesting crease patterns that would
make good demo files, please send them to me (Amanda) so I can add them to the <b>Examples</b> menu. My email address is on my website. Thanks!
make good demo files, please send them to me (Amanda) so I can add them to the <b>Examples</b> menu. My email address is on my website. Thanks!<br/>