WebGL-based Three.js visualization
Using the WebGL-based Three.js library, create moving objects with textures, a light source, shadows, and learn how to orbit, pan, and zoom a rendered scene. To show a step-by-step process, we'll model and visualize the orbits of these celestial systems in this order:
- The one-body problem (a single moving mass in space).
- The two-body problem (two mutually gravitating masses).
- The three-body problem (three mutually gravitating masses).
Before we do that, let's look at the basics of 3D graphics using the Three.js library.