An interactive 3D slideshow showcasing various Tesla models using React Three Fiber. The project features smooth transitions between different Tesla vehicles, including the Model 3, Cybertruck, and Semi, all presented in a dynamic 3D environment with complementary props and scenery.
- Smooth 3D model transitions
- Interactive camera movements
- Realistic lighting and shadows
- Responsive design
- Environmental props for enhanced scene composition
🎥 Original Tutorial: Wawa Sensei
- Tutorial by Wawa Sensei
- Implemented by Pakagrong Lebel
- Cactus by Poly by Google CC-BY via Poly Pizza (https://poly.pizza/m/9UCcl_W0Xq3)
- Picnic Table by J-Toastie CC-BY via Poly Pizza (https://poly.pizza/m/GQieALI2C4)
- Kayak by Poly by Google CC-BY via Poly Pizza (https://poly.pizza/m/8d-cgFdVEVN)
- Cybertruck by Hashikemu https://market.pmnd.rs/creator/hashikemu https://market.pmnd.rs/model/cybertruck
- Three way traffic light by Poly by Google CC-BY via Poly Pizza (https://poly.pizza/m/ayAwgj82oUR)
- Tires by Quaternius (https://poly.pizza/m/mmq7GmG1AK)
- Wall desk speakers by Poly by Google CC-BY via Poly Pizza (https://poly.pizza/m/fhFGDsv5jje)
- Cargo Train Container by Quaternius (https://poly.pizza/m/AILdezfcv1)
- Cone by J-Toastie CC-BY via Poly Pizza (https://poly.pizza/m/WoXpAJT0oD)
- Concrete Barrier by J-Toastie CC-BY via Poly Pizza (https://poly.pizza/m/5Cg2oW7EFn)
- Tesla Model 3 Author: David_Holiday (https://sketchfab.com/David_Holiday) License: CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/) Source: https://sketchfab.com/3d-models/tesla-model-3-123c10f376ec4f18b93c73afc382808b
- Tesla Semi: Author: Aleksei Rozumnyi (https://sketchfab.com/Aleksei.Rozumnyi) License: CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/) Source: https://sketchfab.com/3d-models/tesla-semi-39ffc7c746184e0c9ebd5bbcd0b405dd
- Node.js
- npm or yarn
- Clone the repository:
git clone https://github.com/pakagronglb/tesla-3d-showcase.git
cd tesla-3d-showcase- Install dependencies
npm install
# or
yarn install- Run the development server
npm run dev
# or
yarn devThis project is licensed under the MIT License.