Build a complex, cinematic 2D animation as a single standalone HTML file, using WebGL with GLSL shaders and a 2D Canvas. No external assets, images or libraries: draw and shade everything in code.
The scene: an original masked hero swings through a dense, towering city at golden hour, shot from a steep high angle looking down the street canyons. They fire glowing web lines that snap onto rooftops, swing in long arcs with real momentum, let go at the top of the arc, flip through the air and shoot the next line before they fall. The camera chases them through the buildings.
The city should feel enormous and alive: hundreds of buildings with lit windows, rooftop water towers and details, traffic far below, warm sunlight and long shadows, haze and depth. Use shaders for lighting, atmosphere and motion blur, and the 2D canvas for the hero, the web lines and particles. Swing physics should come from a real pendulum, not canned paths.
It should run on its own forever with no input, at 60 fps in a normal laptop browser, and feel fast and fun the moment it loads.