Inspiration

I've always been obsessed with space, especially after watching all those Mars rover videos on YouTube. When I saw the Perseverance mission landing, I thought "this is so cool, but I wish I could actually control a rover myself." I wanted to build something that would let me (and other people) experience what it's actually like to explore Mars, not just watch from the sidelines.

What it does

Basically, I built a Mars rover simulator that doesn't suck. You can actually drive around the Martian surface using your keyboard, zoom in to see details, and complete real mission objectives like a NASA engineer. It's not just a game - everything is based on actual Mars mission data, so you're learning real science while having fun.

How I built it

I'm not gonna lie, this was way harder than I expected. I used just basic web technologies because I wanted anyone to be able to run it - HTML for structure, CSS for making it look like Mars (this was the hardest part!), and JavaScript for all the interactive stuff. The Mars surface took forever to get right with all those CSS gradients and patterns.

Challenges I ran into

The biggest nightmare was making the terrain look realistic. Turns out creating a convincing planetary surface with just CSS is insanely difficult. Getting the zoom to work properly almost broke my brain - every time I tried to zoom in, the rover would fly off to some random corner of the screen.

What I learned

This project taught me way more than I expected. Obviously I got better at coding, but I also learned a ton about Mars and how incredibly complex real space missions are. Every rover movement is calculated and purposeful, which really influenced how I designed the mission objectives.

What's next

I want to connect it to real NASA APIs, add multiplayer missions, maybe VR support, and work with schools to use it in science classes. This project got me even more excited about space exploration!

Built With

Share this project:

Updates