Three.js + Vite + TypeScript starter
npx degit pachoclo/vite-threejs-ts-template threejs-project
![screenshot](https://private-user-images.githubusercontent.com/3608140/238800609-4b377045-8be5-4021-8cb8-84346a23f680.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg0NDUzODcsIm5iZiI6MTcxODQ0NTA4NywicGF0aCI6Ii8zNjA4MTQwLzIzODgwMDYwOS00YjM3NzA0NS04YmU1LTQwMjEtOGNiOC04NDM0NmEyM2Y2ODAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MTVUMDk1MTI3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NTgxMDM1M2ExODNjM2Q0MTA5MmY1NjYyODljNzk5MDY1NDliMTA2NTBkMTllZGNiYmQ1OWYyMDg0ZWM3ZWFhZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.KOjpgNKCOzTgk4SUz-4zrAA9DLnowk02gux0OQSgL_M)
- Geometry
- Material
- Mesh
- Ambient Light
- Point Light
- Camera
- Scene
- Canvas
- Renderer (WebGL)
- Loading Manager
- Orbit Controls
- Drag Controls
- Grid
- Antialias enabled
- Transparent canvas
- Responsive renderer and camera (to canvas size)
- Animation Loop
- Shadows
- Stats (FPS, ms)
- Full screen (double-click on canvas)
- Debug GUI
- Three.js
- TypeScript
- Vite
Installation
npm i
Run dev mode
npm run dev
Build
npm run build
Run build
npm run preview