This is an interactive mock-up of the SpaceX Dragon 2 spacecraft's user interface. It contains 5 panels and multiple amusing features. A front-end project made using Vue 3.
Overview
The SpaceX Dragon 2 User Interface is a fascinating interactive mock-up that allows users to experience the spacecraft’s controls and features firsthand. Built using Vue 3, WebGL, THREEJS, and JavaScript, this project offers an immersive opportunity to explore the spacecraft like never before. Whether you’re a space enthusiast or just curious about how the Dragon 2 operates, this interface provides a captivating glimpse into the futuristic technology of space travel.
As you navigate through the various panels of the interface, the blend of modern web technologies creates a seamless and engaging experience. From maneuvering the spacecraft to conducting checks on the suit’s functionality, the UI is designed to be both informative and entertaining.
Features
- Interactive Mock-Up: Get hands-on experience as you explore the Dragon 2 spacecraft’s user interface in a dynamic virtual environment.
- Multiple Views: Switch between three available views using the Next View button for a comprehensive understanding of the spacecraft layout.
- Control System: Utilize a simple control scheme with WASD for movement, and dedicated keys for rolling, pitching, and yawing to navigate your virtual spacecraft.
- Easter Eggs: Discover hidden surprises associated with the spacecraft concept, adding an extra layer of excitement during exploration.
- Suit Leak Check Simulation: Activate a realistic suit leak check process with a timer that provides feedback on the completion of the check.
- Sub-Panels for Audio and Video: Access sub-panels for audio and video adjustments, including the ability to view yourself in the spacesuit via device camera permissions.
- Browser Compatibility: Enjoy the experience across multiple platforms including Chrome, Firefox, Opera, and Microsoft Edge, ensuring accessibility for all users.
