Motion & Anatomy Playground

Motion × anatomy × coaching

Workout visualization system

See the movement. Understand the impact. Track what changed.

Five coordinated views test how one exercise can move from discovery to instruction, active execution, and progress review—without making every card carry every responsibility.

Start with the recommended detail view Inspect the motion storyboard
01

Movement-first split

The animation owns the visual field. Anatomy and explanation sit beside it in a restrained editorial column.

Best for exercise detail
Goblet Squat starting position
3–1–1 tempo
Squat · bilateral

Goblet Squat

A front-loaded squat that develops quadriceps and glute strength while the trunk stabilizes the weight close to the body.

Quadriceps · GlutesAdductors · CalvesCore · Upper back
Front and back Goblet Squat muscle map
Quadriceps
Glutes
Highest-value cue

Sit between the hips while keeping the full foot grounded and the weight close to the chest.

02

Anatomy-first impact card

The body map is the hero. This direction is strongest when the user is choosing exercises by region or reviewing training balance.

Best for muscle discovery
Front and back Goblet Squat muscle map
Dumbbell

Goblet Squat

2primary
regions

A front-loaded squat that develops quadriceps and glute strength while the trunk stabilizes the weight close to the body.

Risk-aware cue

Reduce depth when the heels lift, the pelvis tucks sharply, or trunk position can no longer be controlled.

03

Inspectable motion storyboard

Three frozen poses reduce animation dependence. The user can compare setup, load position, and finish in one glance.

Best for technique learning

Goblet Squat

A front-loaded squat that develops quadriceps and glute strength while the trunk stabilizes the weight close to the body.

Quadriceps · Glutes

Movement description

Descend under control by bending the hips and knees together. Pause in the deepest controlled position, then stand through the full foot.

Impact profile

04

Workout player

A control-plane layout for active sessions. The current movement dominates while the remaining routine behaves like a playlist.

Best during a workout
Current movement
Goblet Squat starting position

Goblet Squat

3 sets × 8–12 reps · Quadriceps · Glutes

Routine queue

05

Coach + progress dashboard

The motion remains central, while technique callouts and a lightweight history view turn the card into a coaching surface.

Best for progression

Goblet Squat

Squat · bilateral

Foundation
Goblet Squat starting position
PositionKeep the weight close to the sternum.
ControlTrack the knees over the feet.

Communication decisions under test

Visual priority

Whether motion, anatomy, routine state, or progress should own the largest area.

Information density

How much coaching context can remain visible before the exercise illustration loses authority.

Progressive disclosure

Which details should be ambient, which should be tappable, and which should wait for an expanded technique view.

Sprite runtime

Compact 6 × 4 atlases, visible-only canvas playback, poster fallbacks, and a two-atlas decode cache reduce work without separating motion from the source pose model.

Recorded facts What the user actually performed

Exercise, date, sets, repetitions, load, duration, RIR, and user-entered notes.

Estimated interpretation What the system infers

Muscle exposure, impact profiles, fatigue signals, and progression suggestions must remain visibly labeled as estimates.