Hi everyone! 👋 I’m Luigi, and I’m currently on my journey to becoming a Front-End Developer. Today, I’m excited to share my very first post here on DEV and show you a project I’ve been working on: Void Voyager 6.0 | Supernova Edition.
🚀 The Concept
Void Voyager is an interactive 3D experience designed to simulate a futuristic spaceship's command bridge. I wanted to challenge myself by merging sci-fi aesthetics with web performance, focusing on how immersive a browser experience can be.
The core philosophy of this project is:
"Knowledge is the only journey that has no end."
🛠️ Built with Vanilla Power
One of my goals was to rely as little as possible on external libraries. I wanted to understand the "magic" behind the screen. Here is the tech stack I used:
- Vanilla JavaScript (ES6+): For logic, motion smoothing (LERP), and particle management.
- CSS 3D Matrix: To create the depth and the parallax effect of the ship.
- HTML5 Canvas: To power the "Quantum Particle Engine" (stars and space debris).
- Glassmorphism: Using
backdrop-filterto create those sleek, futuristic HUD panels.
💎 Key Features
Tactical Radar 2.0: A vector scanner that follows your mouse movements.
Sensory Feedback: Every time you interact, you get chromatic glitches and screen shakes to simulate plasma energy.
Fireworks Module: Because every successful mission deserves an orbital celebration!
🎓 A Personal Milestone
This project isn't just code for me. It represents months of technical evolution. I’d like to share a special dedication that I included in the code:
"Thank you, Professor. If we’ve made it this far, it’s thanks to you. The Black Pearl 6.0 is ready for takeoff."
🔗 Check it out
I’ve released the source code under the MIT License. Feel free to explore, fork it, or launch it into your own digital hyperspace!
GitHub Repository: Void-Voyager-6.0-
💬 Let's Connect!
As a beginner, feedback is my fuel. What do you think about the 3D CSS implementation? Any tips on how to improve the particle performance?
I'm looking forward to learning from this amazing community!