Moon Phases is an interactive React three fiber project which shows all the moon phases, their view from earth, as well as a view in the (simplified) solar system. It's fully rsponsive, but best viewed in bigger displays.
https://brunabrunabruna.github.io/moon-phases/
You can rotate around the solar system view to take a look at the moon from different angles, and see how the sun ilumminates it.
On the earth view (visible in bigger screens like laptops and tablets) the moon is shown in our earth perspective.
Simply move the slider button from one side to another to rotate the moon and show the correspondent phase.
- React / Typescript
- React-Three-Fiber
- Libraries: seedrandom, react-slider.