made with react.js

Harmony of the Spheres

Gravity Simulator

Visit Site

Description

Gravity Simulator

"Harmony of the Spheres is a Newtonian n-body simulator that lets the user simulate a wide variety of scenarios ranging from a beautiful three body choreography to the journey of the New Horizons spacecraft to Pluto. You can add, modify or delete masses, change the value of the gravitational constant and view the simulations unfold from the point of view of any mass in the simulation with the rotating reference frame feature, which allows you to observe, for example, the kidney bean shaped orbit of Earth's quasi moon Cruinthe or the dazzling pentagram that the orbit of Venus traces as seen from Earth. This is a labour of love and I intend to continue working on this project for the forseeable future, time permitting, and have a bunch of cool ideas that I want to implement.

To build Harmony of the Spheres, I used React for the GUI, Redux for state management and THREE.js for the 3D animations. 3D spacecraft models are from NASA. As this was and still is a learning project, I developed the rest myself from scratch, including the React components, the physics engine and all the business logic; if you are looking to learn web development, I would advise you to do the same."

Creator

Darrell A. Huffman


Social Media Links

lexiQL Visual GraphQL Schema Prototyping Tool
icon-eye-dark Created with Sketch. 351
React Parallax Tilt Tilt Hover Effect for React Components
icon-eye-dark Created with Sketch. 765
Sentry for React React Application Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Floating UI React Toolkit for Floating Elements
icon-eye-dark Created with Sketch. 487
Rowy Low-code Backend Platform
icon-eye-dark Created with Sketch. 905