The Gravity Sim is a canvas element that emulates gravity of celestial bodies using real math.
Looking for a better understanding of vectors, I decided to work on a project that would apply vectors and be a lot of fun to work on, and that lead me to making a model of the solar system using HTML's canvas element and Javascript.
Details
Hit start up above to see it for yourself, not really much else to it. Looping through a list of celestial bodies and applying the formula for gravity (below) between each body, I can calculate the Force between two bodies.
$$F_{g} = G \frac{m_{1} m_{2}}{r^{2}}$$- $F_{g}$ is the force between the objects in Newtons ($N$)
- $G$ is the gravitational constant, $6.674*10^{-11}m^{3}kg^{-1}s^{2}$
- $m_{1}$ and $m_{2}$ are the masses of the objects in kilograms ($kg$)
- $r$ is the distance between the centers of the objects in meters ($m$)
And then once I have the force, I can calculate the acceleration by using the equation for force from mass and acceleration (below) and add that to the vector.
$$F = ma$$ $$a = \frac{F}{m}$$- $a$ is the acceleration in meters per second squared ($m/s^{2}$)
- $F$ is the force in Newtons ($N$)
- $m$ is the mass in kilograms ($kg$)
After that, it's all about rendering it, which I did using HTML's canvas element.