Neverending Tunnel
A first-person runner through the Neverending Tunnel. Run for the light at the
end of the tunnel. You never reach it.
The tunnel is ray traced in a WebGPU fragment shader (src/shaders/tunnel.wgsl)
using the original asset's tile hash, colours, 33-column corner warp, 24-ring
repeat and 1.7px grout.
| |
|---|
| |
| Pit, pillar, low wall and beam | Sliding under a beam |
| |
| Jumping a pit | |
Run
npm install
npm run dev # http://localhost:5173
npm run build # static build in dist/
Uses WebGPU where available (current Chrome, Edge or Safari) and falls back to
WebGL 2 with a GLSL port of the shader everywhere else.
Controls
- Space / ↑ / swipe up: jump pits and low walls
- ↓ / S / swipe down: slide under beams
- ← → / A D / swipe sideways: change lanes around pillars
- P: pause, M: sound
Layout
src/shaders/tunnel.wgsl: tunnel, pits, obstacles and the lightsrc/shaders/tunnel.vert, tunnel.frag: GLSL port for the WebGL 2 fallbacksrc/gpu.js: WebGPU device, pipeline and uniform buffersrc/gl.js: WebGL 2 fallback renderersrc/game.js: running, jumping, sliding, spawning and collisionssrc/main.js: frame loop and uniform packingsrc/input.js, src/hud.js, src/sound.js: controls, HUD, audiosrc/constants.js: shared geometry and movement numbers
