https://github.com/programmersteve/three-tutorial
A react demo using Three.js, Drei, Fiber, and Gsap
https://github.com/programmersteve/three-tutorial
gsap react threejs vite
Last synced: 10 months ago
JSON representation
A react demo using Three.js, Drei, Fiber, and Gsap
- Host: GitHub
- URL: https://github.com/programmersteve/three-tutorial
- Owner: ProgrammerSteve
- Created: 2023-12-05T02:59:53.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-14T02:06:41.000Z (over 1 year ago)
- Last Synced: 2025-02-04T09:33:39.127Z (about 1 year ago)
- Topics: gsap, react, threejs, vite
- Language: JavaScript
- Homepage: https://keen-mandazi-1c760d.netlify.app/
- Size: 90.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
npm install -g gltf-pipeline
use the gltf-pipeline command to make the .glb file
-b will create a binary
navigate to the model folder
gltf-pipeline -i scene.gltf -o model.glb --draco.compressionLevel 10 -d -b
npm install -g gltfjsx
npx gltfjsx@6.2.13 model.glb -T --shadows
or
npx gltfjsx@6.2.13 scene.gltf -T --shadows
creates a model.js file