Commit df0b4720 authored by amandaghassaei's avatar amandaghassaei

docs

parent 5573807b
...@@ -3,6 +3,7 @@ html{ ...@@ -3,6 +3,7 @@ html{
height:100%; height:100%;
padding:0; padding:0;
overflow: hidden; overflow: hidden;
min-width: 1080px;
} }
body{ body{
...@@ -11,6 +12,7 @@ body{ ...@@ -11,6 +12,7 @@ body{
padding:0; padding:0;
margin:0; margin:0;
overflow: hidden; overflow: hidden;
min-width: 1080px;
/*-webkit-touch-callout: none; !* iOS Safari *!*/ /*-webkit-touch-callout: none; !* iOS Safari *!*/
/*-webkit-user-select: none; !* Chrome/Safari/Opera *!*/ /*-webkit-user-select: none; !* Chrome/Safari/Opera *!*/
/*-khtml-user-select: none; !* Konqueror *!*/ /*-khtml-user-select: none; !* Konqueror *!*/
......
...@@ -624,11 +624,16 @@ ...@@ -624,11 +624,16 @@
<p><b>Origami Simulator</b><br/><br/> <p><b>Origami Simulator</b><br/><br/>
<a target="_blank" href="http://www2.eng.cam.ac.uk/~sdg/preprint/5OSME.pdf">Origami Folding; A Structural Engineering Approach</a><br/> <a target="_blank" href="http://www2.eng.cam.ac.uk/~sdg/preprint/5OSME.pdf">Origami Folding; A Structural Engineering Approach</a><br/>
<a target="_blank" href="http://origami.c.u-tokyo.ac.jp/~tachi/cg/SimulationOfRigidOrigami_tachi_4OSME.pdf">Rigid Origami Simulator</a><br/> <a target="_blank" href="http://origami.c.u-tokyo.ac.jp/~tachi/cg/SimulationOfRigidOrigami_tachi_4OSME.pdf">Rigid Origami Simulator</a><br/>
<a target="_blank" href="https://github.com/mapbox/earcut">Earcut Library</a><br/> <br/>
This app uses <a target="_blank" href="https://threejs.org/">three.js</a> to visualize and interact with the 3D geometry of the folding.<br/>
<br/><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 <a target="_blank" href="https://github.com/mapbox/earcut">Earcut Library</a>.<br/>
Additionally, I used <a target="_blank" href="https://jquery.com/">jQuery</a>, <a target="_blank" href="http://getbootstrap.com/">Bootstrap</a> and the
<a target="_blank" href="http://designmodo.github.io/Flat-UI/">Flat UI theme</a> to build the GUI.<br/>
<br/>
Built by <a href="http://www.amandaghassaei.com/" target="_blank">Amanda Ghassaei</a> as a final project for <a href="http://courses.csail.mit.edu/6.849/spring17/" target="_blank">Geometric Folding Algorithms</a>. Built by <a href="http://www.amandaghassaei.com/" target="_blank">Amanda Ghassaei</a> as a final project for <a href="http://courses.csail.mit.edu/6.849/spring17/" target="_blank">Geometric Folding Algorithms</a>.
Code available on <a href="https://github.com/amandaghassaei/OrigamiSimulator" target="_blank">Github</a>. Code available on <a href="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>File>Demos</b> menu. My email address is on my website. Thanks!
</p> </p>
</div> </div>
</div><!-- /.modal-content --> </div><!-- /.modal-content -->
...@@ -656,16 +661,17 @@ ...@@ -656,16 +661,17 @@
<b>Importing SVG:</b><br/><br/> <b>Importing SVG:</b><br/><br/>
<ul> <ul>
<li>The SVG importer supports path objects and line objects (coming). Please convert polygons to paths before importing.</li> <li>The SVG importer supports path objects and line objects (coming). Please convert polygons to paths before importing.</li>
<li>Valley folds are red - <span style="color:red">rgb(255, 0, 0), hex #ff0000</span></li> <li>Valley folds are <span style="color:red">red</span> - rgb(255, 0, 0), hex #ff0000</li>
<li>Mountain folds are blue - <span style="color:blue">rgb(0, 0, 255), hex #0000ff</span></li> <li>Mountain folds are <span style="color:blue">blue</span> - rgb(0, 0, 255), hex #0000ff</li>
<li>Outline edges are black - <span style="color:black">rgb(0, 0, 0), hex #000000</span></li> <li>Outline edges are <span style="color:black">black</span> - rgb(0, 0, 0), hex #000000</li>
<img src="assets/examplepattern.jpg"/> <img src="assets/examplepattern.jpg"/>
<li>This tool will automatically triangulate regions in the pattern that form polygons with more than three sides. <li>This tool will automatically triangulate regions in the pattern that form polygons with more than three sides.
To control the triangulations draw lines in yellow - <span style="color:#999900">rgb(255, 255, 0), hex #ffff00</span></li> To control the triangulations draw lines in <span style="color:#cccc00">yellow</span> - rgb(255, 255, 0), hex #ffff00<br/>
In general, patterns move better when their triangulation is symmetric and minimizes long, skinny triangles.</li>
<img src="assets/patternwithtriangulations.jpg"/> <img src="assets/patternwithtriangulations.jpg"/>
<li>Stroke and line style do not matter.</li> <li>Stroke and line style do not matter.</li>
<li>The final fold angle of a mountain or valley fold is set by its opacity. For example, 1.0 = 180&deg; <li>The final fold angle of a mountain or valley fold is set by its opacity. For example, 1.0 = 180&deg;
(fully folded), 0.5 = 90&deg;, 0 = 0&deg; (flat).</li> (fully folded), 0.5 = 90&deg;, 0 = 0&deg; (flat). Any fold angle between 0&deg; and 180&deg; may be used.</li>
<li>This tool should be able to automatically clean files of slightly misaligned vertices, stray vertices, <li>This tool should be able to automatically clean files of slightly misaligned vertices, stray vertices,
duplicate lines (coming), and extra vertices falling in the middle of an edge (coming), duplicate lines (coming), and extra vertices falling in the middle of an edge (coming),
but it is recommended to remove these errors yourself in order to avoid problems.</li> but it is recommended to remove these errors yourself in order to avoid problems.</li>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment