Home▸Electromagnetism▸Magnetic Field & Lorentz Force Explorer (2D)

Magnetic Field & Lorentz Force Explorer (2D)

2D magnetic field lab: place multiple current loops, launch a charged particle and watch the real Lorentz force F=qv×B curve its trajectory live, driven by a field computed frame-by-frame with a discretized Biot-Savart sum.

Electromagnetism2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-magnetic-field-force-exploration ↗ Open standalone

This 2D companion builds the same field-and-force physics as the 3D version from scratch on a flat canvas: place up to four current loops anywhere on the stage, sum their fields with a discretized Biot-Savart integral into a live contour map, then launch a charged test particle and watch its path bend in real time under the true Lorentz force F=qv×B, numerically integrated every frame rather than following a scripted arc. Because a planar current loop's field at any point in its own plane is exactly perpendicular to that plane, the simulation needs only a single scalar field Bz(x,y) to get the force exactly right — no shortcuts, no decorative field lines. Drag loops to reshape the field, click one to reverse its current, and watch the particle's curvature radius shrink where the summed field is strong and straighten where opposing loops cancel it out.

⚙ Under the hood

A 2D magnetic-field and Lorentz-force lab: up to four movable current loops sum their fields via a discretized Biot-Savart line integral into a scalar Bz(x,y) map, and a launched charged particle's trajectory is integrated frame by frame from the exact force F=qv×B.

lorentz forcemagnetic fieldbiot-savart lawcurrent loopcharged particle2d

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

What did you find?

Add reproduction steps (optional)