🦾

Robotics & Kinematics

From four-bar linkages to FABRIK inverse kinematics — the mathematics of machines that move. Click targets, drag joints, and watch constraint solvers in action.

6 simulations Canvas 2D · Three.js IK · Pathfinding · Pendulum

Category Simulations

Mechanisms, motion planning and manipulator control

Robotics is applied geometry — representing joint chains as rotation matrices, solving position constraints iteratively, and planning collision-free paths through configuration space. The same mathematics drives both industrial arms and animated character skeletons in games.

⚙️
★★☆ Moderate
Mechanisms & Linkages
Four-bar linkages, Peaucellier cell, Watt's linkage and Chebyshev's mechanism. Drag joints to see coupler curves — the foundations of mechanical engineering.
Canvas 2D Kinematics Constraints
🗺️
★★☆ Moderate
Pathfinding
A*, Dijkstra and BFS visualised on an interactive grid. Draw walls, set start/goal, and watch the search frontier expand in real time.
Canvas 2D A* Dijkstra
🔗
★★☆ Moderate
Double Pendulum
Chaotic two-link pendulum solved with RK4. Multi-pendulum traces reveal the butterfly-like sensitivity to initial conditions.
Canvas 2D RK4 Lagrangian Mechanics
🎯
★★☆ Moderate
Inverse Kinematics (FABRIK)
Click anywhere to set a target and watch the arm chain reach it using FABRIK's alternating forward-backward passes. Multi-chain branching support.
Canvas 2D FABRIK IK Solver
🚁
★★★ Advanced
Drone Swarm
N quadrotors flock using Boids-style decentralised rules plus formation holding. Four formations: Flock, Circle, Grid, V-Shape.
Canvas 2D Boids Swarm
🐜
★★★ Advanced
Hexapod Walker
Six-legged robot with per-leg 2-link IK and alternating tripod or wave gait. Flat and bumpy terrain modes.
Canvas 2D Gait Planning IK

Key Concepts

The mathematics of machines that move

FABRIK IK
Forward And Backward Reaching Inverse Kinematics. Alternates: forward pass stretches chain from root toward target; backward pass re-anchors root. Converges in O(iterations × N) — no matrix inversion needed. Works for branching chains.
Four-Bar Linkage
Ground + three moving links forming a closed quadrilateral. The coupler point traces a coupler curve: nearly straight lines (Watt), figure-8s, and more. Fundamental building block of mechanical clocks, engines, and articulated robots.
A* Pathfinding
Priority-queue search sorting nodes by f(n) = g(n) + h(n): actual cost + heuristic estimate. Admissible heuristic (never overestimates) guarantees optimal path. Euclidean distance h for grid robots, pre-computed hierarchical maps for games.
Lagrangian Mechanics
L = T − V (kinetic minus potential energy). Euler-Lagrange equations give equations of motion for any joint-chain system. Avoids Newton's vector force analysis — only scalar energy expressions needed. Standard derivation for robots and double pendulums.

Learning Resources

Articles and tutorials about robotics algorithms

Article IK FABRIK: From Scratch in JavaScript Full walkthrough: link chain, forward pass, backward pass, angle limits, branching. Live canvas demo included. →
All articles →

About Robotics & Automation Simulations

Pathfinding, kinematics, swarm control, and autonomous agents — live

Robotics and automation simulations model the algorithms that allow machines to perceive space, plan paths, and execute tasks. Pathfinding simulations visualise A*, Dijkstra, and RRT algorithms navigating a robot arm or autonomous vehicle through obstacle fields. Swarm robotics simulations place dozens of agents in a shared environment and implement flocking, formation control, and collective task allocation using only local sensor information.

Inverse kinematics solvers animate multi-link robot arms reaching toward targets using Jacobian gradient methods. These models are directly relevant to the algorithms running in industrial manipulators, autonomous delivery robots, warehouse automation systems, and drone swarms. By interacting with cost functions, sensor noise levels, and obstacle layouts you discover the trade-offs between path optimality, computational cost, and real-time performance.

Each simulation in this category is built with accuracy and interactivity in mind. The underlying mathematical models are the same ones used in academic research and professional engineering — just made accessible through a web browser. Changing parameters in real time and observing the results is one of the most effective ways to build intuition for complex scientific and engineering concepts.

Key Concepts

Topics and algorithms you'll explore in this category

Interactive ModelReal-time browser simulation with live parameter controls
WebGL / Canvas 2DHardware-accelerated rendering in the browser
Mathematical FoundationDifferential equations and numerical integration
Open SourceMIT-licensed code — inspect, fork, and learn
No Install RequiredRuns directly in Chrome, Firefox, Safari, Edge
Educational FocusBuilt to explain the underlying science clearly

🤖 Test Your Robotics Knowledge

Five quick questions to check your understanding of robotics and autonomous systems

Robotics Quiz

Frequently Asked Questions

Common questions about this simulation category

Do these simulations require installation?
No. Every simulation runs entirely in your web browser using WebGL and Canvas 2D. Nothing to install or download — open the page and the simulation starts immediately.
Can I use these simulations for teaching?
Yes — all simulations are designed to be educational and run without an account or login. They are widely used in university lectures, high-school science classes, and self-directed learning. Embed them via iframe or link directly.
What devices do the simulations support?
All simulations work on desktop browsers (Chrome, Firefox, Edge, Safari). Many work on mobile and tablets too, though some physics-heavy simulations benefit from the GPU performance of a desktop or laptop.

Other Categories