instructions.html

<div class="vtvlsim-instructions">

  <h2 style="margin: 10px">Initial view</h2>
  <div>
    Click or tap to set target location of thrust controller constrained to X-Y plane.
  </div>

  <h2 style="margin: 10px">Free-Look mode</h2>
  <h3 style="margin: 10px">Keyboard/Mouse</h3>
  <table>
    <tr><td>Escape key</td><td>deactivate Free-Look mode</td></tr>
    <tr><td>W/A/S/D keys</td><td>move camera, use mouse to rotate camera</td></tr>
    <tr><td>T key</td><td>set target location of thrust controller constrained to X-Y plane</td></tr>
    <tr><td>R key</td><td>restart simulation</td></tr>
    <tr><td>C key</td><td>activate camera tracks rocket mode</td></tr>
    <tr><td>V key</td><td>deactivate camera tracks rocket mode</td></tr>
  </table>
  <h3 style="margin: 10px">Multi-touch</h3>
  <div>
    TBD
  </div>

  <h2 style="margin: 10px">Buttons</h2>
  <table>
    <tr><td>Reset everything</td><td>forget values changed in the object inspector, reloads page</td></tr>
    <tr><td>Restart</td><td>restart simulation</td></tr>
    <tr><td>Inspect Main</td><td>show/hide Javascript object inspector</td></tr>
    <tr><td>Free-Look</td><td>activate/deactivate Free-Look mode</td></tr>
    <tr><td>Instructions</td><td>show/hide instructions</td></tr>
  </table>

  <h2 style="margin: 10px">Graphs</h2>
  <table>
    <tr><td>fps</td><td>frames per second displayed</td></tr>
    <tr><td>alt</td><td>altitude of rocket's top mass node</td></tr>
    <tr><td>vel</td><td>velocity of rocket's top mass node</td></tr>
    <tr><td>kinE</td><td>total kinetic energy of all rocket's mass nodes</td></tr>
    <tr><td>force</td><td>maximal force applied to any rocket's mass node</td></tr>
    <tr><td>thrust</td><td>magnitude of rocket's engine thrust force</td></tr>
    <tr><td>broken</td><td>number of broken node constraints</td></tr>
  </table>

</div>