<?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE document PUBLIC "-//APACHE//DTD Documentation V1.3//EN" "document-v13.dtd">
<document>
  <header>
    <title>Biomechanics of the Hand</title>
    <abstract>
      A project investigating the biomechanics of the hand based on the analysis of motion capture data.
    </abstract>
  </header>
  <body>
    <section id="finger-rotations">
      <title>Finger Rotations</title>
      <p>
        <img src="images/hand/finger-bones-with-axes.png" alt="Example finger bones" class="float-right" width="200" height="108"/>
      </p>
      <p>
        The analysis of motion capture data from index finger-thumb tip-pinch experiments. Note that all references currently refer to the <strong>right hand</strong> where a right-handed coordinate system is the natural choice.
      </p>
      <section>
        <title>Types of Rotation</title>
        <p>
          There are two main types of rotation coordinates that can be used to describe the rotation of a joint; they are Euler Rotations and a Joint Coordinate rotation system. With Euler rotations, the axes of rotation are fixed in the object to be rotated. This means that as the object rotates, the orthogonal axes of rotation also rotate. The order is therefore important when performing multiple rotations and there is no clear standard which order should be preferred. On the other hand, the joint coordinate axes remain invariant as the object rotates. Both systems of rotation can, in general, describe the same rotational outcome but the two are not easily interchangeable. A set of angles designed for Euler rotations will not get the correct result when interpreted as joint coordinate rotations and vice-versa.
        </p>
        <p>
          <strong>We use the joint coordinate system for our rotations here.</strong>
        </p>
      </section>
      <section>
        <title>Joint Coordinate System</title>
        <p>
          The following describes how to determine the joint coordinate system for a particular joint. The resulting axes of rotation form an orthogonal right-handed coordinate system. Consider a joint segment defined by four vertices. At the proximal end, the point on the left (nearest the thumb) is <em class="vector">P1</em> and the point on the right is <em class="vector">P2</em>. At the distal end, the point on the left is <em class="vector">P3</em> and the point on the right is <em class="vector">P4</em>. Given this definition, the following steps should be followed in order to obtain the joint coordinate system at the resting/reference state.
        </p>
        <ol>
          <li>
            <p>
              The origin is calculated as O = 0.5*(P1+P2)
            </p>
          </li>
          <li>
            <p>
              A vector in the plane of the segment is calculated as V = (P2-P1)
            </p>
          </li>
          <li>
            <p>
              The <em class="vector">Y</em> axis is calculated from Y = 0.5*(P3+P4)-0.5(P1+P2)
            </p>
          </li>
          <li>
            <p>
              The <em class="vector">Z</em> axis is calculated from Z = V cross Y 
            </p>
          </li>
          <li>
            <p>
              The <em class="vector">X</em> axis is calculated from X = Y cross Z
            </p>
          </li>
        </ol>
        <p>
          The result is an <em class="vector">X</em> axis that runs in a direction approximately from the index finger to the little finger, a <em class="vector">Y</em> axis that runs from the proximal finger to the distal finger and a <em class="vector">Z</em> axis that runs in a direction from the palm towards the back of the hand. Note that the vector V will be the same as the X axis if the segment has orthogonal sides but in general this will not be the case.
        </p>
      </section>
      <section>
        <title>Rotations</title>
        <p>
          Rotations are defined as occuring about one of the three joint coordinate axes. The <strong>right hand screw rule</strong> can be used for determining the direction of positive rotation. Simply place your right thumb in the direction of the coordinate axis and a positive rotation will follow the direction of the fingers as they curl around. For simplicity, the colours in the following examples have been chosen so they match the popular RGB colour space in that the <strong class="red">red</strong> colour indicates the <strong class="red">X</strong> axis or rotations about the <strong class="red">X</strong> axis; the <strong class="green">green</strong> colour indicates the <strong class="green">Y</strong> axis or rotations about the <strong class="green">Y</strong> axis; and the <strong class="blue">blue</strong> colour indicates the <strong class="blue">Z</strong> axis or rotations about the <strong class="blue">Z</strong> axis. The following animations demonstrate positive and negative rotations about each axis.
        </p>
        <table>
          <tr>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/PositiveAboutX.wmv">
                <img src="images/hand/XP.jpg" alt="Positive rotation about the X axis" width="256" height="256"/>
              </link>
            </td>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/NegativeAboutX.wmv">
                <img src="images/hand/XN.jpg" alt="Negative rotation about the X axis" width="256" height="256"/>
              </link>
            </td>
          </tr>
          <tr>
            <td colspan="1" rowspan="1">
              <p class="centre">
                A positive rotation about the X axis.
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <p class="centre">
                A negative rotation about the X axis.
              </p>
            </td>
          </tr>
          <tr>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/PositiveAboutY.wmv">
                <img src="images/hand/YP.jpg" alt="Positive rotation about the Y axis" width="256" height="256"/>
              </link>
            </td>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/NegativeAboutY.wmv">
                <img src="images/hand/YN.jpg" alt="Negative rotation about the Y axis" width="256" height="256"/>
              </link>
            </td>
          </tr>
          <tr>
            <td colspan="1" rowspan="1">
              <p class="centre">
                A positive rotation about the Y axis.
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <p class="centre">
                A negative rotation about the Y axis.
              </p>
            </td>
          </tr>
          <tr>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/PositiveAboutZ.wmv">
                <img src="images/hand/ZP.jpg" alt="Positive rotation about the Z axis" width="256" height="256"/>
              </link>
            </td>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/NegativeAboutZ.wmv">
                <img src="images/hand/ZN.jpg" alt="Negative rotation about the Z axis" width="256" height="256"/>
              </link>
            </td>
          </tr>
          <tr>
            <td colspan="1" rowspan="1">
              <p class="centre">
                A positive rotation about the Z axis.
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <p class="centre">
                A negative rotation about the Z axis.
              </p>
            </td>
          </tr>
        </table>
      </section>
      <section>
        <title>Anatomical Illustrations</title>
        <table id="vertically-centred-table">
          <tr>
            <td class="vcentre" colspan="1" rowspan="1">
              <p>
                Joint coordinate system for the MCP joint on the right hand. The <em class="vector-red">X</em> axis runs approximately from the index finger to the little finger, the <em class="vector-green">Y</em> axis runs down the center of the finger and the <em class="vector-blue">Z</em> axis is the normal to the <em class="vector">XY</em> plane.
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <img src="images/hand/RHJointCoords.png" alt="Right hand joint coordinate system." width="384" height="240"/>
            </td>
          </tr>
          <tr>
            <td class="vcentre" colspan="1" rowspan="1">
              <p>
                Rotation about the <em class="vector-red">X</em> axis results in flexion or extension of the finger. Flexion is where the fingers curl to form a fist and is a negative rotation. Extension is an uncurling of the fingers and is a positive rotation.
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <img src="images/hand/FlexionExtension.png" alt="Flexion-extension example." width="384" height="240"/>
            </td>
          </tr>
          <tr>
            <td class="vcentre" colspan="1" rowspan="1">
              <p>
                Rotation about the <em class="vector-green">Y</em> axis results in pronation or supination of the finger. Pronation is a rotation from palm-up to palm-down (elbow at 90 degrees) and is a negative rotation. Supination is a rotation from palm-down to palm-up and is a positive rotation.
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <img src="images/hand/PronateSupinate.png" alt="Pronation-supination example." width="384" height="240"/>
            </td>
          </tr>
          <tr>
            <td class="vcentre" colspan="1" rowspan="1">
              <p>
                Rotation about the <em class="vector-blue">Z</em> axis results in adduction or abduction of the finger. Adduction moves the index finger towards the other fingers and is a negative rotation. Abduction moves the index finger away from the other fingers and is a positive rotation.
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <img src="images/hand/AdductAbduct.png" alt="Adduction-abduction example." width="384" height="240"/>
            </td>
          </tr>
        </table>
      </section>
      <section>
        <title>Single Segment Example</title>
        <p>
          The following example looks at a segment from a single tip pinch between the thumb and forefinger. The motion was obtained via a motion capture system. The angles of rotation in the joint coordinate system are shown below where again the same colour coding applies. The following images then show the motion of the whole segment when viewed from the <em class="vector-red">X</em>, <em class="vector-green">Y</em> and <em class="vector-blue">Z</em> axes so the rotations about these axes are clearly visible. Finally the motion is shown from an isometric angle.
        </p>
        <p class="centre">
          <img src="images/hand/angles.jpg" alt="Time-dependent joint rotation angles." width="640" height="480"/>
        </p>
        <table>
          <tr>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/Example X rotation.wmv">
                <img src="images/hand/ExampleX.jpg" alt="Rotation about X axis" width="256" height="256"/>
              </link>
            </td>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/Example Y rotation.wmv">
                <img src="images/hand/ExampleY.jpg" alt="Rotation about the Y axis" width="256" height="256"/>
              </link>
            </td>
          </tr>
          <tr>
            <td colspan="1" rowspan="1">
              <p class="centre">
                Example: Looking at the YZ plane (<em class="vector-red">X</em> axis).
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <p class="centre">
                Example: Looking at the XZ plane (<em class="vector-green">Y</em> axis).
              </p>
            </td>
          </tr>
          <tr>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/Example Z rotation.wmv">
                <img src="images/hand/ExampleZ.jpg" alt="Rotation about the Z axis." width="256" height="256"/>
              </link>
            </td>
            <td class="centre" colspan="1" rowspan="1">
              <link href="movies/hand/Example Iso View.wmv">
                <img src="images/hand/ExampleIso.jpg" alt="Isometric view of combined rotation." width="256" height="256"/>
              </link>
            </td>
          </tr>
          <tr>
            <td colspan="1" rowspan="1">
              <p class="centre">
                Example: Looking at the XY plane (<em class="vector-blue">Z</em> axis).
              </p>
            </td>
            <td colspan="1" rowspan="1">
              <p class="centre">
                Example: Isometric View.
              </p>
            </td>
          </tr>
        </table>
      </section>
    </section>
  </body>
</document>