Project Description This project represents my personal portfolio website, showcasing various 3D models, car designs, and interactive elements. The portfolio is built using React, Three.js, and other related libraries to create an immersive and visually appealing experience.
Untitled.video.-.Made.with.Clipchamp.1.mp4
Features Dynamic Car Showcase: The portfolio features a dynamic car showcase where different car models are randomly displayed on each visit.
Interactive Environment: Users can toggle between a third-person and first-person view by pressing the 'k' key. The camera position changes accordingly, providing a different perspective of the 3D scene.
Interactive Triggers: Interactive triggers are implemented using the use-cannon library, allowing users to collide with specific elements in the scene. For example, colliding with certain elements opens external links, creating an interactive experience.
Video Texture: The portfolio incorporates video textures using Three.js, adding a unique touch to the text elements.
Post-processing Effects: Various post-processing effects such as bloom, chromatic aberration, and depth of field are applied, enhancing the visual aesthetics.
Usage To explore the portfolio:
Clone the repository: bash Copy code git clone [repository_url] Install dependencies: bash Copy code npm install Run the development server: bash Copy code npm start Open your browser and navigate to http://localhost:3000 to view the portfolio. Controls Press 'k' to toggle between third-person and first-person views. Use 'W', 'A', 'S', 'D' for car controls. Press 'R' to respawn. Use arrow keys to escape ground problems.
External Links