Winter Solstice

You can also view the full code on GitHub:

Journey

It was fun to create this project because I was able to combine frontend development with 3D graphics. The challenge was ensuring that the content remains readable and usable while still being visually interesting with the Three.js scene running in the background. I had to adjust the transparency of each section so the text and content would still be legible while showing the rotating Earth and Sun. This project also gave me the chance to improve my skills with Three.js and to implement some interactive features, such as the subtle movement of the celestial bodies.

Additionally, I made the project responsive so that the scene adjusts to any screen size, maintaining a seamless experience across devices, whether on desktop, tablet, or mobile.

I'm very proud of how the 3D background interacts with the HTML content without being obtrusive. The next thing that I would improve about this project is more interactivity, like user control of the Earth's rotation or orbit speed. More visual effects would also be included, such as gradual changes in lighting to simulate day and night cycles during the solstice.