How yildizdikme/3d-threejs-spiral-gallery works
This is a browser-based 3D spiral image-gallery hero, not a data-processing service. The main workflow combines scroll and pointer input with a WebGL spiral, while separate scroll-triggered reveals animate text below the hero. The graph separates those interaction stages from rendering internals; multiple components share src/script.js because the implementation is concentrated there. Relationship evidence is limited to the excerpts and README, so unsampled initialization details are not expanded.
Main entry points: script.js Smooth Scroll · shaders.js Tile Shaders
Components 12
Scroll and Interaction
- Smooth Scroll
src/script.js - Scroll State
src/script.js - Pointer Parallax
src/script.js
3D Gallery
- Image Textures
src/script.js - Curved Tiles
src/script.js - Spiral Assembly
src/script.js - Tile Shaders
src/shaders.js - WebGL Rendering
src/script.js - Gallery Motion
src/script.js
Page Presentation
- Scroll Reveals
src/script.js - Responsive Layout
src/script.js
Other components
- Visitor
Connections 11
- Visitor → Smooth Scroll: scrolls
README.md - Visitor → Pointer Parallax: moves pointer
README.md - Smooth Scroll → Scroll State: updates state
src/script.js - Smooth Scroll → Scroll Reveals: updates triggers
src/script.js - Scroll State → Gallery Motion: drives spin
README.md - Pointer Parallax → Gallery Motion: tilts spiral
src/script.js - Image Textures → Spiral Assembly: supplies images
src/script.js - Curved Tiles → Spiral Assembly: builds tiles
src/script.js - Spiral Assembly → Tile Shaders: uses shader code
src/script.js - Gallery Motion → WebGL Rendering: renders frame
src/script.js - Responsive Layout → WebGL Rendering: resizes canvas
src/script.js