How fefedu973/lumathread works
LumaThread is a React/WebGL luminous-filament renderer, with a documentation site and interactive configuration lab. The primary workflow is to configure a component, generate or follow a filament path, and render it with motion, material, interaction, and optional glass effects. The graph also includes the lab workflow and documented rendering capabilities. Some runtime and site subsystems are represented at their existing directory or module level because their implementation was not sampled.
Main entry points: HdrHeroWaveBackground.tsx Renderer runtime · geometry-controller.ts Path geometry · draw-controller.ts Draw orchestration · use-lab-controller.ts Lab controller
Components 27
Public API
- Public exports
src/index.ts - Component API
src/hero-wave-background.tsx - Settings resolution
src/config/resolved-settings.ts
Geometry and Interaction
- Path geometry
src/runtime/geometry-controller.ts - Path sampling
src/geometry/path-sampling.ts - Motion propagation
src/geometry/propagation.ts - Pointer following
src/runtime/follow-controller.ts - Filament disturbance
src/interaction/filament-disturbance.ts
WebGL Rendering
- Renderer runtime
src/runtime/HdrHeroWaveBackground.tsx - Draw orchestration
src/runtime/draw-controller.ts - Path renderer
src/runtime/path-renderer.ts - Sine renderer
src/runtime/sine-renderer.ts - Glass and terrain
src/runtime/glass-terrain-renderer.ts - GPU resources
src/runtime/resource-manager.ts - WebGL programs
src/rendering/webgl-resources.ts - DOM glass tracking
src/runtime/use-glass-text-dom-target.ts
Showcase and Lab
- Site entry
site/main.tsx - Homepage showcase
site/pages/home.tsx - Live demos
site/components/demo/showcase.tsx - Configuration lab
site/pages/lab.tsx - Lab controller
site/features/lab/use-lab-controller.ts - Lab state model
site/features/lab/model/initial-state.ts - Interactive stage
site/features/lab/stage/lab-stage.tsx - Lab controls
site/features/lab/controls/lab-control-panel.tsx - API reference
site/data/api-reference.ts
Other components
- React developer
- Showcase visitor
Connections 28
- React developer → Public exports: imports
- Public exports → Component API: exports
- Component API → Settings resolution: resolves props
- Component API → Renderer runtime: renders
- Renderer runtime → Path geometry: updates paths
- Path geometry → Path sampling: samples paths
- Path geometry → Motion propagation: builds motion
- Renderer runtime → Pointer following: updates follow
- Path geometry → Filament disturbance: applies impulses
- Renderer runtime → Draw orchestration: draws frames
- Draw orchestration → Path renderer: dispatches paths
- Draw orchestration → Sine renderer: dispatches sine
- Draw orchestration → Glass and terrain: draws effects
- Path renderer → GPU resources: uses resources
- Sine renderer → GPU resources: uses resources
- Glass and terrain → GPU resources: uses resources
- GPU resources → WebGL programs: creates programs
- Renderer runtime → DOM glass tracking: tracks target
- Showcase visitor → Site entry: opens site
- Site entry → Homepage showcase: routes home
- Homepage showcase → Live demos: shows demos
- Homepage showcase → API reference: presents reference
- Showcase visitor → Configuration lab: opens lab
- Configuration lab → Lab controller: creates controller
- Lab controller → Lab state model: uses state
- Lab controller → Lab controls: provides controls
- Lab controller → Interactive stage: configures stage
- Interactive stage → Component API: renders preview