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. More InformationRelated ArticlesPhysicsJS - Physics In Pure JavaScript Getting Started with Box2D in JavaScript
To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, Facebook, Google+ or Linkedin, or sign up for our weekly newsletter.
Comments
or email your comment to: comments@i-programmer.info |
Last Updated ( Sunday, 13 July 2014 ) |