dev.enekoalonso.com » planet http://dev.enekoalonso.com having fun with code Wed, 12 Oct 2011 21:40:17 +0000 en hourly 1 Gravity in the DOM http://dev.enekoalonso.com/2008/12/18/gravity-in-the-dom/ http://dev.enekoalonso.com/2008/12/18/gravity-in-the-dom/#comments Fri, 19 Dec 2008 05:58:27 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=166 A couple of days ago I created a demo to simulate planets on a 2D universe interacting each other like Gravity does in our lives. To compute the movements every planet had to be evaluated with each other on every step. Their position will be affected by the other planet position and in proportion to their respective mass. This means the speed of the planets doesn’t impact the attraction between them.

Today I decided to extend this demo a little bit more and I added a few things:

  • Mass parameter to make mass independent from size.
  • Collision detector to merge planets when they meet each other with color effect.
  • Orbit trails

Gravity

The result is very nice. The first option make it possible to create bigger planets with more mass but with a size that fits appropiately on the screen. The second option merged planets that collide, making it more like a real world. Finally, the orbit trails are just some sugar to see the trajectory followed by the plantes. To avoid the screen getting very messy, the trails clean up themselves after 25 seconds.

As you can see, the universe controller uses the Thread class I was talking about few days ago.

See both demos here:
http://dev.enekoalonso.com/research/gravity.php
http://dev.enekoalonso.com/research/gravity-2.php

PS: Please note there is no Canvas involved here. All objects on screen are DOM elements. Of course this is not the best way to do graphic animations on the web, but it is fun!

Related Posts:

]]> http://dev.enekoalonso.com/2008/12/18/gravity-in-the-dom/feed/ 0