Gallery Tunnel
three.js and WebGL · A background that moves · Apache-2.0
- What it does
An infinite corridor of panels: a square tunnel receding to a vanishing point, its floor, ceiling and walls tiled with saturated color slabs and caller-supplied images that swell toward camera and exit past you, the far end… The repo marks it experimental.
- Get it
Copy the folder into a project, or
npx hyperframes add gallery-tunnel(fetches it from GitHub main to compositions/gallery-tunnel.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition. 20 settings to change.- Needs
Three.js. Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By props (colors, text)
Declared variables: images, imageMix, speed, palette, grid, fill, fog, edgeColor and 2 more. 9 hex colors are written in the file's CSS.
- Size
1920 x 1080 · 12 s
- License
Apache-2.0
- From