Instructions
  1. 🖱️Mouse Controls:
    • Left Click: Translate (shift) the simulation by left-clicking and dragging the cursor.
    • Right Click: Rotate the simulation by right-clicking and dragging the cursor.
    • Scroll Wheel: Zoom in and out of the simulation by scrolling.
  2. 📱Mobile Touch Controls:
    • Pan (Translate): Use two fingers on the screen to move the simulation.
    • Rotate: Drag finger on the screen to change the orientation of the simulation.
    • Zoom: Pinch two fingers together or spread them apart on the screen to zoom in or out of the simulation.
  3. 🔒Lock Options:
    • Lock Graph: Prevents translation (shifting) of the simulation when enabled.
    • Lock Zoom: Disables zoom functionality, effectively disabling the middle mouse button.
    • Lock Rotate: Disables the rotation of the simulation, disabling the right mouse button.
  4. 🛠️Translation Vector: Defines how much to move the shape along the X, Y, and Z axes in 3D space.
    • Apply Translation: Click to apply the specified translation factors to the current shapes.
  5. 📊 Grid Options:
    • Use the checkboxes to toggle the display of the XY-grid, YZ-grid, and XZ-grid.
    • Check a box to display the corresponding grid, or uncheck it to remove it from view.
  6. 🔍 Transformation Matrix:
    • Monitor the values of the transformation matrix while adjusting the slider.
    • The transformation matrix multiplies the point's homogeneous coordinates, resulting in new coordinates for the translation effect.
    • Note: This transformation matrix exclusively represents translation and does not include any rotation factors.
  7. 🔍 Model Hierarchy and Transformation Instructions:
    • Model Parts and Colors:
      • Blue: Represents the Shoulder. This is the highest level (Level 1) of the model hierarchy.
      • Orange: Represents the Arm, which is a child of the Shoulder.
      • Pink: Represents the Elbow, also a child of the Shoulder.
      • Green: Represents the Fore-arm, a child of the Elbow.
      • Brown: Represents the Wrist, another child of the Elbow.
      • Cyan: Represents the Palm, which is a child of the Wrist.
    • Hierarchical Structure:
      • Level 1 (Shoulder): This level contains the Arm and Elbow.
      • Level 2 (Elbow): Contains the Fore-arm and Wrist.
      • Level 3 (Wrist): Contains the Palm.
    • Transformation and Animation:
      • When adjusting sliders:
        • Slider for Shoulder (Level 1) affects all parts of the model (Levels 1, 2, and 3). Any transformation applied here cascades down to all child elements.
          • Note: Rotating the shoulder affects the entire model. Subsequent translations will adjust according to the updated coordinate system after rotation, impacting the model's positioning and orientation.
        • Slider for Elbow (Level 2) affects Level 2 and Level 3 parts. Transformations here affect the Fore-arm and Wrist, as well as their child elements like the Palm.
        • Slider for Wrist (Level 3) specifically affects the Palm. Transformations at this level only impact the Palm and not higher-level parts.
    • Observing Transformations:
      • Understand how hierarchical transformations work: changes at a parent level affect all child elements, demonstrating the cascading effect of transformations.
  8. 🎚️ Slider Control: Adjust translation along the X, Y, and Z axes using the sliders.
    • The sliders at the bottom control translation along the X, Y, and Z axes.
  9. ↺ Reset All: Click the "Reset All" button to revert all controls and settings to their default values.

  10. NOTE: Make sure the slider is at zero before making any changes to for accurate adjustments.

    11. Note: This experiment simulation is optimized for desktop screens. While basic functionality is available on mobile devices, for the best experience, use a desktop or PC monitor.

Level 1 (Shoulder)
Level 2 (Elbow)
Level 3 (Wrist)