rzen/workouts
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Add a Running exercise with an animated stride figure

Browse Source 
Stance and flight keyframes with single-frame foot pins for the strikes,
forward lean, opposite-arm drive, and daylight under both feet in flight —
distinct from Cardio's high-knee march, which stays as is.

Claude-Session: https://claude.ai/code/session_01PKptrgbx74peTwHGRxBojv
This commit is contained in:
rzen
2026-07-12 00:37:23 -04:00
parent 79e75a9127
commit d04526826c
11 changed files with 298 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Exercise Library/Running/frames/frame-2.svg
+37
View File
@@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 180" fill="none">
<title>Running</title>
<defs>
<linearGradient id="grad-leg_l-0" gradientUnits="userSpaceOnUse" x1="164.1" y1="89.5" x2="187.3" y2="111.6"><stop offset="0" stop-color="#4cb3a8"/><stop offset="1" stop-color="#86cfc5"/></linearGradient>
<linearGradient id="grad-leg_r-2" gradientUnits="userSpaceOnUse" x1="120.7" y1="125.5" x2="121.7" y2="133.0"><stop offset="0" stop-color="#0d9488"/><stop offset="1" stop-color="#219e92"/></linearGradient>
</defs>
<path d="M 108.5 157.4 L 210.8 157.4 L 210.8 150.2 L 108.5 150.2 Z" fill="none" stroke="#b9bec9" stroke-width="2.1" stroke-linejoin="round"/>
<g id="leg_l">
<path d="M 164.1 89.5 L 187.3 111.6" stroke="url(#grad-leg_l-0)" stroke-width="3.66725" stroke-linecap="round"/>
<path d="M 187.3 111.6 L 164.6 127.8" stroke="#86cfc5" stroke-width="3.5" stroke-linecap="round"/>
<path d="M 164.6 127.8 L 168.6 134.3" stroke="#86cfc5" stroke-width="3.5" stroke-linecap="round"/>
</g>
<g id="arm_l">
<path d="M 174.5 31.3 L 172.3 51.9" stroke="#a9afba" stroke-width="3.5" stroke-linecap="round"/>
<path d="M 172.3 51.9 L 191.1 61.0" stroke="#a9afba" stroke-width="3.5" stroke-linecap="round"/>
</g>
<g id="leg_r">
<path d="M 160.0 89.9 L 147.9 119.3" stroke="#0d9488" stroke-width="4.2" stroke-linecap="round"/>
<path d="M 147.9 119.3 L 120.7 125.5" stroke="#0d9488" stroke-width="4.2" stroke-linecap="round"/>
<path d="M 120.7 125.5 L 121.7 133.0" stroke="url(#grad-leg_r-2)" stroke-width="4.1411" stroke-linecap="round"/>
</g>
<path id="girdle" d="M 174.5 31.3 L 170.3 31.3 L 170.3 32.6" stroke="#3a3f4b" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="pelvisBar" d="M 164.1 89.5 L 160.0 89.0 L 160.0 89.9" stroke="#3a3f4b" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="spine" d="M 160.0 89.0 Q 165.3 59.5 170.3 31.3" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/>
<g id="arm_r">
<path d="M 170.3 32.6 L 168.1 53.2" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round"/>
<path d="M 168.1 53.2 L 187.0 62.3" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round"/>
</g>
<circle id="head" cx="173.7" cy="17.9" r="7.0" fill="white" stroke="#3a3f4b" stroke-width="4.2"/>
<line id="nose" x1="180.7" y1="18.6" x2="185.6" y2="19.1" stroke="#3a3f4b" stroke-width="2.8" stroke-linecap="round"/>
<g font-family="-apple-system, Helvetica, sans-serif" font-size="11" fill="#6b7180">
<line x1="224" y1="16" x2="238" y2="16" stroke="#3a3f4b" stroke-width="4" stroke-linecap="round"/>
<text x="243" y="20">near</text>
<line x1="273" y1="16" x2="287" y2="16" stroke="#a9afba" stroke-width="4" stroke-linecap="round"/>
<text x="292" y="20">far</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB