index.html 9.79 KB
Newer Older
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
1 2 3 4
<!DOCTYPE html>
<html>
<head>

amandaghassaei's avatar
title  
amandaghassaei committed
5
    <title>AMOEBA-2.5D</title>
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
6 7
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
    <script src="dependencies/analytics.js"></script>
amandaghassaei's avatar
icon  
amandaghassaei committed
9
    <link rel="icon" type="image/png" href="assets/favicon.png">
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
10 11

    <!--flatUI bootstrap theme-->
12 13
    <link href="dependencies/flatUI/css/vendor/bootstrap.min.css" rel="stylesheet"><!-- Loading Bootstrap -->
    <link href="dependencies/flatUI/css/flat-ui.css" rel="stylesheet"><!-- Loading Flat UI -->
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
14 15

    <!--bootstrap slider-->
16
    <link href="dependencies/bootstrap-slider/bootstrap-slider.css" rel="stylesheet">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
17 18 19 20 21
    <!--<script src="dependencies/bootstrap-slider/bootstrap-slider.js"></script>-->

    <!--&lt;!&ndash; code mirror &ndash;&gt;-->
    <!--<script src="dependencies/codemirror/codemirror.js"></script>-->
    <!--<script src="dependencies/codemirror/javascript.js"></script>-->
22
    <link rel="stylesheet" type="text/css" href="dependencies/codemirror/codemirror.css">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
23

Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
24
    <link rel="stylesheet" type="text/css" href="css/main.css">
amandaghassaei's avatar
amandaghassaei committed
25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

    <script id="vertexShader" type="x-shader/x-vertex">
        attribute vec2 a_position;

        void main() {
           gl_Position = vec4(a_position, 0, 1);
        }
    </script>

    <script id="fragmentShader" type="x-shader/x-fragment">
        void main() {
            gl_FragColor = vec4(0,0,0,0);
        }
    </script>


41
    <script data-main="js/main" src="dependencies/require/require.js"></script>
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
42 43 44 45 46 47

</head>
<body>

<nav id="globalNav" class="navbar navbar-inverse navbar-embossed" role="navigation">
    <div class="navbar-header">
48
      <a id="mainNavLink" class="navbar-brand" target="_blank" href="http://cba.mit.edu"><img id="logo" src="assets/imgs/logo.png"></a>
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
49 50 51 52
    </div>
    <div class="collapse navbar-collapse" id="navbar-collapse-01">
      <ul class="nav navbar-nav navbar-left">
        <li class="dropdown navDropdown">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
53
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">File <b class="caret"></b></a>
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
54 55
          <span class="dropdown-arrow"></span>
          <ul class="dropdown-menu">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
56 57
                <li><a class="saveJSON" href="#">Save Assembly &nbsp&nbsp&nbsp&nbsp(CTRL/&#8984; + S)</a></li>
                <li><a data-toggle="modal" data-target="#saveAsModel" href="#">Save Assembly As... &nbsp&nbsp&nbsp&nbsp(CTRL/&#8984 + Shift + S)</a></li>
amandaghassaei's avatar
eod  
amandaghassaei committed
58
                <li><a id="openAssembly" href="#">Open Assembly... &nbsp&nbsp&nbsp&nbsp(CTRL/&#8984 + O)</a></li>
59 60 61 62 63
                <li class="divider"></li>
                <li class="dropdown-submenu">
                    <a tabindex="-1">Keyboard Shortcuts<span class="pull-right fui-arrow-right"></span></a>
                    <ul class="dropdown-menu">
                        <li><a>Hold D &nbsp;&nbsp;- &nbsp;Delete Mode</a></li>
amandaghassaei's avatar
amandaghassaei committed
64 65 66
                        <!--<li><a>Hold V &nbsp;&nbsp;- &nbsp;Voxel Mode</a></li>-->
                        <!--<li><a>Hold H &nbsp;&nbsp;- &nbsp;Hierarchical Mode</a></li>-->
                        <!--<li><a>Hold P &nbsp;&nbsp;- &nbsp;Part Mode</a></li>-->
67 68 69 70 71
                        <li><a>Hold O &nbsp;&nbsp;- &nbsp;Hide Assembly</a></li>
                        <li><a>CTRL/&#8984; + Shift + P &nbsp;&nbsp;- &nbsp;Save SVG Screenshot</a></li>
                        <li><a>CTRL/&#8984; + S &nbsp;&nbsp;- &nbsp;Save</a></li>
                        <li><a>CTRL/&#8984; + Shift + S &nbsp;&nbsp;- &nbsp;Save As</a></li>
                        <li><a>CTRL/&#8984; + O &nbsp;&nbsp;- &nbsp;Open</a></li>
amandaghassaei's avatar
amandaghassaei committed
72 73 74 75 76
                        <!--<li><a>Q/W &nbsp;&nbsp;- &nbsp;Composite Cell Placement X Offset</a></li>-->
                        <!--<li><a>A/S &nbsp;&nbsp;- &nbsp;Composite Cell Placement Y Offset</a></li>-->
                        <!--<li><a>Z/X &nbsp;&nbsp;- &nbsp;Composite Cell Placement Z Offset</a></li>-->
                        <!--<li><a>Spacebar &nbsp;&nbsp;- &nbsp;Play/Pause Simulation</a></li>-->
                        <!--<li><a>1-9 &nbsp;&nbsp;- &nbsp;Lego Length</a></li>-->
77 78 79
                    </ul>
                </li>
                <li class="divider"></li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
80 81 82
                <li class="dropdown-submenu">
                <a tabindex="-1">Demo Files<span class="pull-right fui-arrow-right"></span></a>
                <ul class="dropdown-menu">
amandaghassaei's avatar
amandaghassaei committed
83 84 85 86 87
                    <li><a href="#" class="jsonFile" data-file="assets/demos/Bendy.json">Bendy</a></li>
                    <li><a href="#" class="jsonFile" data-file="assets/demos/Gripper.json">Gripper</a></li>
                    <li><a href="#" class="jsonFile" data-file="assets/demos/Locomotion.json">Simple Locomotion</a></li>
                    <li><a href="#" class="jsonFile" data-file="assets/demos/XYStage.json">XY Stage</a></li>
                    <li><a href="#" class="jsonFile" data-file="assets/demos/Undulating.json">Undulating</a></li>
amandaghassaei's avatar
amandaghassaei committed
88
                    <li><a href="#" class="jsonFile" data-file="assets/demos/BeamBending.json">Beam Bending</a></li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
89
                </ul></li>
amandaghassaei's avatar
icon  
amandaghassaei committed
90 91 92 93 94 95 96
                <li class="dropdown-submenu">
                <a tabindex="-1">Load User Config<span class="pull-right fui-arrow-right"></span></a>
                <ul class="dropdown-menu">
                    <li class="dropdown-submenu">
                        <a tabindex="-1">Amanda<span class="pull-right fui-arrow-right"></span></a>
                        <ul class="dropdown-menu">
                            <li><a id="videoRendering" href="#">Video Rendering Setup</a></li>
amandaghassaei's avatar
amandaghassaei committed
97 98
                            <li><a id="photoSetup" href="#">Photo Setup</a></li>
                            <li><a id="undoPhotoSetup" href="#">Undo Photo Setup</a></li>
amandaghassaei's avatar
amandaghassaei committed
99 100
                             <li><a id="orthoCamera" href="#">Orthographic Camera</a></li>
                             <li><a id="persCamera" href="#">Perspective Camera</a></li>
amandaghassaei's avatar
icon  
amandaghassaei committed
101 102
                        </ul>
                    </li>
amandaghassaei's avatar
amandaghassaei committed
103 104 105 106 107 108 109 110
                    <!--<li class="dropdown-submenu">-->
                        <!--<a tabindex="-1">Will<span class="pull-right fui-arrow-right"></span></a>-->
                        <!--<ul class="dropdown-menu">-->
                            <!--&lt;!&ndash;<li><a class="jsonFile" data-file="will/bounds.json" href="#">Bounds</a></li>&ndash;&gt;-->
                            <!--<li>nothing here</li>-->
                            <!--&lt;!&ndash;<li><a class="jsonFile" data-file="will/capacitor.json" href="#">Capacitor</a></li>&ndash;&gt;-->
                        <!--</ul>-->
                    <!--</li>-->
amandaghassaei's avatar
icon  
amandaghassaei committed
111 112
                </ul>
              </li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
113 114
              <li class="divider"></li>
              <li><a id="exportSTL" href="#">Export STL</a></li>
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
115 116
          </ul>
        </li>
amandaghassaei's avatar
amandaghassaei committed
117 118 119 120 121 122 123
          <li class="dropdown navDropdown" id="navDesignTab">
          <a href="#" data-menu-id="navDesign" class="menuHoverControls">Design <b class="caret"></b></a>
          <span class="dropdown-arrow"></span>
          <ul id="navHierarchicalMenu" class="dropdown-menu">
          </ul>
        </li>
        <!--<li><a data-menu-id="navDesign" class="menuHoverControls" href="#">Design</a></li>-->
124
        <li><a data-menu-id="navSim" class="menuHoverControls" href="#">Simulate</a></li>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
125
        <li class="dropdown navDropdown">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
126
          <a href="#" class="dropdown-toggle" id="viewMenuDropdown" data-toggle="dropdown">View <b class="caret"></b></a>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
127
          <span class="dropdown-arrow"></span>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
128
          <ul id="navViewMenu" class="dropdown-menu"></ul>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
129
        </li>
amandaghassaei's avatar
icon  
amandaghassaei committed
130
        <li><a data-menu-id="about" class="menuHoverControls" target="_blank" href="http://www.amandaghassaei.com/projects/dmdesign/">About</a></li>
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
131
       </ul>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
132 133 134
        <!--<ul class="nav navbar-nav pull-right">-->
            <!--<li><a id="showHideMenu" href="#">Hide Menu >></a></li>-->
        <!--</ul>-->
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
135 136

    </div><!-- /.navbar-collapse -->
137
    <input id="jsonInput" type="file">
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
138 139 140

</nav>

Amanda Ghassaei's avatar
Amanda Ghassaei committed
141 142 143 144 145
<div class="modal fade" id="saveAsModel" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
amandaghassaei's avatar
amandaghassaei committed
146
            <p class="modal-title" >Enter File Name</p>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
147 148
            </div>
            <div class="modal-body">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
149
                <input id="saveAsFileName" type="text" value="DM Assembly" placeholder="Enter file name" class="form-control filename">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
150 151 152
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
153
                <button type="button" class="saveAsJSON btn btn-primary">Save</button>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
154 155 156 157 158
            </div>
        </div>
    </div>
</div>

Amanda Ghassaei's avatar
Amanda Ghassaei committed
159 160
<div class="modal fade" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"></div>

161 162 163 164 165 166 167 168 169 170 171 172
<div class="modal fade" id="comingSoon" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-body">
                This is in development,<br/>
                coming soon.
            </div>
        </div>
    </div>
</div>


Amanda Ghassaei's avatar
Amanda Ghassaei committed
173 174 175
<div id="console">
    <div>
        <div id="consoleOutput"></div>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
176
        <div class="input-group">
Amanda Ghassaei's avatar
Amanda Ghassaei committed
177 178 179
            <input id="consoleInput" value="" aria-describedby="consoleButtons" placeholder="Type Command" class="form-control" type="text">
            <span id="consoleButtons" class="input-group-addon"><span class="btn btn-defualt" id="consoleSaveScript">Save Script</span>
            <span class="btn btn-defualt" id="consoleLoadScript">Load Script</span></span>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
180
        </div>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
181 182
    </div>
</div>
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
183
<div id="menuWrapper"><div id="menuHeader"></div><div id="menuContent"></div></div>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
184
<div id="scriptView"></div>
amandaghassaei's avatar
amandaghassaei committed
185
<div id="navRibbon"></div>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
186
<div id="contextMenuWrapper"><div id="contextMenu"></div></div>
Amanda Ghassaei's avatar
Amanda Ghassaei committed
187

Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
188
<div id="threeContainer"></div>
amandaghassaei's avatar
amandaghassaei committed
189
<canvas id="gpuMathCanvas"></canvas>
Amanda Ghassaei's avatar
rename  
Amanda Ghassaei committed
190 191 192


</body>
amandaghassaei's avatar
amandaghassaei committed
193
</html>