rrojan / t-shirt-three-js

Learning Purpose | JSM

1 - April - 2023

T-shirt 3D Model | Live Link

Technology used:

• React
• Three.js
• Tailwind-CSS

Dev Environment - Vite

yarn create vite --template react client

after clone or download, for installing dependencies, please run at terminal...

yarn

& to start the application, please run...

yarn dev

Yarn Dependencies:

• yarn add three
• yarn add maath
• yarn add valtio
• yarn add framer-motion
• yarn add @react-three/fiber
• yarn add @react-three/drei

Learning context:

• File & Folder Structure...
• Child parent component separation...
• Usage of useProgress hook for 3D model loading...
• Usage of three.js model rendering by react js

Get 3D models for react app...

• 1st download [glTF] formate data from website
  • Sketchfab for 3D Models...