This repository contains the 3D Surround-View Parking application built with Three.js.
-
Clone the repository: ```bash git clone https://github.com/davidrose/3D-Docking-Project.git cd 3D-Docking-Project ```
-
Serve the project locally: Since the project loads external assets (like `car.glb`, textures, and video files), it must be served over a local HTTP server to avoid CORS issues. You can use Python's built-in HTTP server: ```bash python3 -m http.server 8080 ```
-
Open the application: Navigate to http://localhost:8080 in your web browser.
- 360° Video Sphere: Renders a surrounding environment using a dual-fisheye projection shader.
- Dynamic Pinch Warp: A radially-symmetric stretch shader to seamlessly blend the 3D car model with the background environment, hiding the camera rig.
- Shadow Disk: A softly-blurred shadow plane positioned directly beneath the 3D car model.
- Interactive UI Panel: Sliders to adjust bowl height, pinch strength, car size, opacity, shadow darkness, camera distance, FOV, and more.
- Car Control: Drag to independently rotate the car within the environment.
Make sure that the necessary static assets are present in the directory (car.glb, Overhead.png, and the video file) for the application to load correctly.