Moon Phase Demo

An interactive Moon phase demonstration that lets users explore how the Moon appears at different phases. Use the sliders to adjust phase, rotation, distance, and altitude to see the illuminated portion of the Moon change. Note: This is a visual simulation only and does not calculate actual Moon phases for specific dates.

New Moon

About This Moon Phase Demo

The appearance of the Moon changes throughout its orbit around Earth. Depending on the relative position between the Sun, Earth, and Moon, different portions of the lunar surface become illuminated as seen from our planet.

This Moon Phase Demo provides a simple interactive way to explore how these changes look. The sliders allow manual adjustment of the phase, orientation, distance, and altitude to demonstrate how the illuminated portion of the Moon can vary in appearance.

The rendering is created using the HTML5 Canvas API with pure JavaScript, focusing on lightweight and direct graphical implementation without external libraries.

If you would like to explore or use this Moon Phase Demo, you can access the full source code and project files on my GitHub repository: moon-phase-demo.