How kendravalery/lain works
LAIN is a small experimental web experience inspired by Serial Experiments Lain. A visitor interacts with the page’s image and audio controls; JavaScript coordinates playback, timed visual changes, and a three.js-rendered background. The README also identifies CSS animation, HTML5 Audio, and timed interactions as core capabilities. The excerpts show the rendering and interaction logic, but not the HTML, stylesheets, or audio wiring, so those relationships are left unverified where necessary.
Main entry points: main.js Interaction Controller · index.html Experience Page · css Visual Effects · audio Audio Tracks
Components 9
Web Experience
- Experience Page
index.html - Visual Effects
css
Interaction Runtime
- Interaction Controller
js/main.js - 3D Background
js/main.js - Timed Ending
js/main.js - Easter Egg
js/main.js
Visual And Audio Assets
- three.js
- Audio Tracks
audio
Other components
- Visitor
Connections 8
- Visitor → Experience Page: interacts with
- Interaction Controller → Experience Page: reads controls
js/main.js - Interaction Controller → 3D Background: updates
js/main.js - 3D Background → three.js: renders with
js/main.js - Interaction Controller → Timed Ending: coordinates
js/main.js - Interaction Controller → Easter Egg: positions and toggles
js/main.js - Interaction Controller → Audio Tracks: controls playback
- Visual Effects → Experience Page: styles and animates