Home▸Robotics & Kinematics▸Inverse Kinematics — FABRIK Chain Solver (2D)

Inverse Kinematics — FABRIK Chain Solver (2D)

Interactive 2D companion to the 3D robotic-arm IK demo: a plain canvas implementation of the actual FABRIK algorithm — real iterative forward/backward position-constraint passes over a chain of rigid links reaching for a draggable target, with adjustable joint count and per-chain link length, and a live convergence-iteration counter that reports the solver's real behaviour, not a canned animation.

Robotics & Kinematics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-inverse-kinematics ↗ Open standalone

This 2D companion runs the same algorithm as the 3D robotic-arm demo — FABRIK, Forward And Backward Reaching Inverse Kinematics — stripped down to a flat canvas so every joint move is visible at once. Drag the cyan target and a chain of 2 to 14 rigid links re-solves itself in real time using the genuine iterative forward/backward position-constraint passes, not a scripted animation. Adjust joint count, per-link length, convergence tolerance and the iteration cap, and watch the live counter report exactly how many passes the solver needed.

⚙ Under the hood

Interactive 2D companion to the 3D robotic-arm IK demo: a plain canvas implementation of the actual FABRIK algorithm — real iterative forward/backward position-constraint passes over a chain of rigid links reaching for a draggable target, with adjustable joint count and per-chain link length, and a live convergence-iteration counter that reports the solver's real behaviour, not a canned animation.

inverse kinematicsfabrikrobotic armjoint chainconvergence2d

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

What did you find?

Add reproduction steps (optional)