👾 PixelOrbit - Devlog #4 (Perseverance sprite & UI improvements)

🚀 New spacecraft (kind of…)

I added perseverance in the spacecraftData.json and made a sprite for it with my pixelator.py helper program (check it out in my first devlog), however i haven’t made a provider for it yet. I will also add JWST and Voyager 1, so help me decide what data should i add for these along with perseverance.

UI polish (the good stuff)

I didn’t actually work hard on this update, but i made the frontend a bit more engaging. Ngl i have not very high css skills and i left most of the weird styling in chatgpt but the whole design is mine.

First of all, i added a slight parallax effect that helped me move on from this static design.
gave it some colour, since before it was like a black and white 90s photo.
Another huge UI redesign was the navigator which now has a completely new look and now works like a real carousel.

⚠️ Debugging

I also noticed a minor bug and had the chance to fix it. well, both side arrows triggered the same function which made the UI feel broken because no matter to which side you wanted to change spacecraft, it always slid to the right.

Resources

check it out at: PixelOrbit
The repo: LeoTsio/PixelOrbit