El paso a paso o código que encontrarás en este post es la resolución más sencilla y efectiva que hallamos a tu duda o problema.
Solución:
Querrá comenzar con un motor de física, el que usa Google Gravity es Box2Djs, que es un puerto javascript de Box2D. Puede leer el manual de Box2D para aprender a usarlo, aunque el propio manual establece que tendrá poca idea de lo que está haciendo sin algún conocimiento de la física del cuerpo rígido (fuerza, impulso, par, etc.), aunque estos ejemplos pueden ayudarle a empezar.
Si desea escribir el motor de física usted mismo, deberá implementar al menos la dinámica de cuerpo rígido 2D y la detección de colisiones para que se vea como los ejemplos que proporcionó. Un tutorial para hacer eso se llamaría una clase de simulación por computadora y tendría un requisito previo de álgebra lineal y física I, no es una tarea trivial.
Posteriormente, tendrás que aprender sobre técnicas de animación javascript. Recomiendo aprender sobre window.requestAnimationFrame. Utilizando setInterval(stepFunction, time) funcionará pero no será tan eficiente como podría ser en los navegadores modernos.
Mire este complemento jquery en github JQuery.throwable solo haga $("Selector").throwable() y el objeto estará bajo la gravedad
Nos encantaría que puedieras mostrar este escrito si si solucionó tu problema.