playablestem
Our philosophy

Simulations you can push on

The figure below is not a canned animation. It is Moore's figure-eight three-body choreography, numerically integrated live, right now, in your browser — the same equations, the same trail, the same arrows every time you reload.

body 1 body 2 body 3 instantaneous velocity

Equal masses · zero angular momentum · RK4-integrated live · arrow length ∝ speed

Our philosophy

Every simulation on this site is built to be touched, not watched. Drag a body, move a slider, flip a switch mid-run, and the system responds honestly — because nothing here is a pre-rendered video pretending to be interactive. If you've ever nudged a real pendulum to see what happens next, that's the instinct we're building for: understanding that comes from your own hands on the controls, not from a caption explaining what you should have concluded.

That only works if what's underneath is actually correct. The three bodies above aren't following a scripted path — they're being advanced step by step through Newton's law of gravitation, the same nine second-order equations that defeated a closed-form solution for over two centuries. Our 555 timer charges a capacitor through a real RC time constant. Our traveling-salesperson visualizer runs real 2-opt and simulated-annealing optimization, warts and false starts included. When a simulation looks like it's cheating to make a point look cleaner, we've failed — so we don't let it.

We also refuse to hide the math. It would be easy to smooth every rough edge into a friendly animation and never show a single equation, but the equation is usually the most interesting part — the reason the phenomenon behaves the way it does. So the governing law is right there next to the picture it produces:

mi r̈i  =  −∑j ≠ i  G mi mj (ri − rj)|ri − rj|3 This is the exact equation being integrated in the hero animation above — no shortcuts, no pre-baked keyframes. The velocity vectors you see are the literal (ẋ, ẏ) state of the integrator at that instant, not an artist's guess at "roughly which way it's moving."

None of this is abstract for its own sake. The equilateral solution that lets three unequal masses orbit forever without one drifting away is the same geometry that keeps roughly ten thousand Jupiter Trojan asteroids parked 60° ahead of and behind the planet — and it's the reasoning NASA used to place the James Webb Space Telescope in a halo orbit around a point in empty space where nothing pulls it there but the balance of the Sun's and Earth's gravity. Our 555 astable circuit is the exact timer chip inside decades of blinking LEDs, tone generators, and switching power supplies. The traveling-salesperson problem is what a delivery company and a chip router are both quietly solving, one heuristic at a time. Where the real-world application exists, we point to it — the goal isn't just "isn't this pretty," it's "this is why it matters."

A few places these ideas show up outside the browser

Orbital mechanics

Spacecraft mission design. Halo orbits around Lagrange points (JWST at L2), Trojan asteroid families at L4/L5, and low-energy transfer trajectories all rest on the restricted three-body problem you can perturb above.

Electronics

Timing circuits. The 555 astable configuration you can retune here sets the blink rate, tone, or switching frequency in an enormous range of consumer and industrial electronics.

Optimization

Logistics and routing. The same 2-opt and simulated-annealing moves you can watch converge on a map are production techniques for delivery routing, PCB routing, and job scheduling.

Inquiries / feedback / requests: dave@playablestem.com