Solarwake Devlog: 02

Today I focused on redeveloping and restructuring the entire Solarwake web app. I decided that the original approach felt too boring and non user-friendly.

This update was about finding the right feel for Solarwake, which is calm, smooth, and interactive. I switched the mission previews to use real 3d using three.js & improved the overall feel through animations, blurs, dropshadow, floating effects, and material.

The biggest upgrade was the mission selection screen, which can be visible after clicking “Play Mission”, the app now transitions into the mission control view where the user can select what mission type they want to launch.

What changed

• Reworked the main menu layout
• Added a cinematic animated space background
• Added floating mascot
• Integrated the Solarwake logo
• Added About and Tutorial buttons
• Built the Play Mission transition
• Added mission cards and mission descriptions
• Added Three.js 3D previews(interactive)
• Improved the colors, lighting and smoothness

Next steps

• Add real gameplay
• Connect space weather data into the system
• Add scoring, risk, and outcomes.