This project was generated with react-three.org A github pages deployment action is configurd. Your app will be publish at itsdouges.github.io/react-three-smooth-cat once the github action is finished.
This project uses Vite as the bundler for fast development and optimized production builds.
app.tsxdefines the main application component containing your 3D content- Modify the content inside the
<Canvas>component to change what is visible on screen - Static assets can be placed in the
publicfolder
The following libraries are used - checkout the linked docs to learn more
- React - A JavaScript library for building user interfaces
- Three.js - JavaScript 3D library
- @react-three/fiber - lets you create Three.js scenes using React components
- @react-three/postprocessing - Post-processing effects for @react-three/fiber
- @react-three/rapier - Physics based on Rapier for your @react-three/fiber scene
- Triplex - Your visual workspace for React / Three Fiber. Get started by installing Triplex for VS Code. Don't use Visual Studio Code? Download Triplex Standalone.
npm installto install the dependenciesnpm run devto run the development server and preview the app with live updatesnpm run buildto build the app into thedistfolder