Template for Web3d development using AI development
![]()
Github copilot is NOT the bleeding edge, and that's ok. Its' features tend to be a little more thought out, or refined after others have pioneered everything. It's cheap and accessible.
NOTE you must supply your own model! It's simple, don;t miss this important step!
- Run
npm installor equivalent - copy your model to public folder and rename it to model.glb or model.gltf
- run
npx gltfjsx@6.2.16 ./public/model.glb -o ./src/model.jsxchange .glb to .gltf if appropriate - Run
npm run devfor dev mode
- src: root of the source code, typescript, vite, r3f, drei
- tests: unit tests
- docs: markdown files for reference and tasks to run
- public: static files to be referenced for the site, this is where you put glb/gtlf files
- Getting Started + Series Intro
- General Model + Blender Prep
- Materials
- Lighting
- Effects
- Animations
- Interactions
- Procedural Generation
- Discord: https://discord.gg/pegfYcpCwT