Quick Start Guide

Get posing in 30 seconds

1. Open the App

Option A: Direct — Open app.html in your web browser

Option B: Local Server (Recommended) — Run a local web server:

python3 -m http.server 8000
# Visit http://localhost:8000

2. Select a Joint

Click directly on the stick figure OR choose from the "Select Limb" dropdown in the sidebar.

3. Rotate

Drag the X/Y/Z sliders to rotate the joint. The 3D figure updates instantly.

  • X = bend (forward/back)
  • Y = twist (rotate side to side)
  • Z = side (lean left/right)

4. Camera Controls

OrbitRight-click + drag
ZoomScroll wheel
PanShift + Right-click + drag
PresetsClick Front/Back/Left/Right buttons

5. Move Figure

Drag the red (X) and blue (Z) arrows on the gizmo, or use position sliders in the sidebar.

6. Save & Export

  • Save: Automatic (browser localStorage)
  • Export: Click "Export" button → PNG file

Common Tasks

Create Symmetrical Pose

  1. Pose left arm/leg
  2. Click "Mirror" button
  3. Right side auto-copies

Make Feet Touch Ground

Click the "Floor Snap" button to enable ground constraint.

Add Another Figure

Click the "+ Figure" button to add additional characters.

Troubleshooting

  • Feet sinking? → Click "Floor Snap"
  • Can't click joint? → Unfreeze figure or close floating panel
  • Export is black? → Refresh page and try again

→ Full User Manual