Home▸Biophysics▸Sliding Filament Cross-Section (2D)

Sliding Filament Cross-Section (2D)

Interactive 2D cross-section of a sarcomere: watch myosin cross-bridge heads cycle through cock, power-stroke and release to pull actin filaments inward and shorten the sarcomere, driven by calcium and ATP.

Biophysics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-muscle-contraction ↗ Open standalone

This 2D companion strips the sarcomere down to a flat, labeled cross-section so the sliding filament mechanism is easy to follow: myosin cross-bridge heads cock, grab the neighboring actin filament, and row it toward the M-line in a power stroke, then release and re-cock to repeat the cycle. Raise the calcium level and hit Stimulate to expose actin's binding sites and watch the sarcomere shorten as the heads pull the filaments inward; lower ATP availability and the heads cycle more slowly, and at near-zero ATP they seize mid-stroke, locked onto actin — the same rigor that causes rigor mortis. Live readouts track sarcomere length, contraction force, and how fast the cross-bridges are cycling.

⚙ Under the hood

2D schematic cross-section of a sarcomere: myosin cross-bridge heads cock, grab actin, and row it toward the M-line in an ATP-driven power stroke, sliding the filaments past each other and shortening the sarcomere. Adjustable calcium level and ATP availability drive real cross-bridge cycling kinetics.

biophysicssliding filament theorysarcomeremuscle contractionmyosin actincross-bridge cycle2D

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)