How doinel1a/vite-three-js works
This repository is a Three.js web-application starter. The principal workflow begins when the browser loads the app: its entry module imports styles and creates a Three.js scene for the canvas, then renders an animated shader-driven plane with orbit controls and resize handling. The README also advertises TailwindCSS 4 and Sass/SCSS; the tree and sampled entry show CSS and SCSS imports, but do not establish their styling details. Build and developer tooling are omitted. Links reflect the sampled source and README; no unsampled runtime behavior is inferred.
Main entry points: three.js Three scene · index.js App bootstrap · vertex.glsl Vertex shader · fragment.glsl Fragment shader
Components 9
App entry
- App bootstrap
src/app/index.js
Scene rendering
- Three scene
src/app/three.js - Vertex shader
src/shaders/vertex.glsl - Fragment shader
src/shaders/fragment.glsl
App styles
- Global CSS
src/styles/globals.css - Global SCSS
src/styles/globals.scss
Other components
- Browser
- Three.js
- OrbitControls
Connections 8
- Browser → App bootstrap: loads app
src/app/index.js - App bootstrap → Three scene: creates scene
src/app/index.js - App bootstrap → Global CSS: imports styles
src/app/index.js - App bootstrap → Global SCSS: imports styles
src/app/index.js - Three scene → Vertex shader: uses shader
src/app/three.js - Three scene → Fragment shader: uses shader
src/app/three.js - Three scene → Three.js: uses library
src/app/three.js - Three scene → OrbitControls: creates controls
src/app/three.js