How sebastien-lempens/webgl-skydiving works
This repository is a React Three Fiber starter rendered as an interactive skydiving scene. The user-facing flow mounts the React app, which creates a WebGL canvas and composes the environment, skydiver, wind particles, camera controls, and visual effects; the canvas and overlaid credits/loading UI form the result. Source excerpts show the scene composition and asset references, but the referenced sky texture is not present in the supplied tree, so asset loading details beyond those references are not inferred.
Main entry points: App.jsx Scene Composer · Model.jsx Animated Skydiver · index.jsx React Mount · World.jsx Sky World
Components 15
App Entry
- React Mount
src/index.jsx - Canvas App
src/App.jsx
3D Scene
- Scene Composer
src/App.jsx - Sky World
src/components/World.jsx - Wind Particles
src/components/WindEffect.jsx - Animated Skydiver
src/components/Model.jsx - Camera Controls
src/App.jsx - Scene Lighting
src/App.jsx - Postprocessing
src/App.jsx
Scene Assets
- Sky Texture
src/components/World.jsx - Skydiver Model
src/components/Model.jsx - Model Textures
src/components/Model.jsx
Overlay UI
- Credits Links
src/components/Credit.jsx - Suspense Loader
src/App.jsx
Other components
- Viewer
Connections 14
- Viewer → React Mount: opens app
- React Mount → Canvas App: renders
src/index.jsx - Canvas App → Scene Composer: mounts canvas
src/App.jsx - Canvas App → Credits Links: renders
src/App.jsx - Canvas App → Suspense Loader: renders
src/App.jsx - Scene Composer → Sky World: mounts
src/App.jsx - Scene Composer → Wind Particles: mounts
src/App.jsx - Scene Composer → Animated Skydiver: mounts
src/App.jsx - Scene Composer → Camera Controls: configures
src/App.jsx - Scene Composer → Scene Lighting: configures
src/App.jsx - Scene Composer → Postprocessing: configures
src/App.jsx - Sky World → Sky Texture: loads texture
src/components/World.jsx - Animated Skydiver → Skydiver Model: loads model
src/components/Model.jsx - Animated Skydiver → Model Textures: loads textures
src/components/Model.jsx