A Double Pendulum In 100 Lines Of JavaScript

### New Book Reviews!

 A Double Pendulum In 100 Lines Of JavaScript
Written by Mike James
Sunday, 13 July 2014

Sometimes it is better to go back to basics. Here we have a simulation of a double pendulum without a trace of a physics engine. And it all fits into 100 lines of JavaScript.

The double pendulum is interesting because it is a simple physical system with surprisingly complex behavior. It shows sensitivity to initial conditions and hence can be considered chaotic for some starting configurations.

Micael Oliveira has started physics-sandbox with the idea of creating some physics demos and the first is the double pendulum which you can see, in a simplified version, below.

From the chaos point of view, what is interesting is how often the bottom pendulum does a complete loop. It is very difficult to predict if or when a loop will occur - so as you watch lookout for a loop about to happen.

If you want to know the theory, go to Micael's web page explaining it. He takes the Lagrangian approach and, after working out the Lagrangian and putting it into the equations of motion, ends up with something that looks horrible. The equations give the angular acceleration as a function of the angular position and velocity.

The power of programming it is that even when you cannot find a closed form for position as a function of time, you can simulate the system. In this case nothing more than the basic Euler method is needed; the new position is the old position plus the relevant velocity multiplied by the time step and the new velocity is the old velocity multiplied by the relevant acceleration multiplied by the time step. This is a direct physical simulation but it seems to be stable enough if the step size is small.

Source:George Ioannidis

A double pendulum showing chaotic dynamics - the end of the pendulum is tracked by an LED.

This isn't ground breaking, but it is fun and a reminder that you can do things without having to resort to learning a complex framework.

Anyone want to try it in Box2D?

You can see a better version of the program at Micael's web site where you can try out different masses and starting configurations.

The code is on GitHub.

Double Pendulum

Physics Sandbox on GitHub

#### Related Articles

PhysicsJS - Physics In Pure JavaScript

JavaScript Physics Playground

The Magic Of N-Body Solutions

Tearable Cloth In JavaScript

Getting Started with Box2D in JavaScript

 DJI Drone Creates Open Drone Platform12/04/2018Drone manufacturer DJI has opened its commercial drone platform with an SDK and DJI Skyport adapter. The open platform can be used by developers can to create customised drone solutions for speci [ ... ] + Full Story HHVM 3.25 Defaults To PHP728/03/2018Developers from Facebook have released a new version of HHVM, the Hip Hop Virtual Machine. The PHP support in new release has been changed to default to PHP 7 rather than the PHP 5 of the previous ver [ ... ] + Full Story More News