Staggered Grid Reveal with GSAP Observer and Custom Shaders

Act as a Creative Technologist. Architect a seamless code integration bridging the raw event-listening power of `GSAP Observer` with the visual fidelity of WebGL Shaders. Construct a [GRID_COLUMNS] CSS layout where heavy DOM/Canvas elements reveal themselves via a mathematically precise [DIRECTIONAL_STAGGER] (e.g., radiating outward from the center). This sequence must be exclusively triggered by an abstracted [INTERACTION_TYPE] (e.g., a trackpad wheel swipe or a mobile touch drag), completely bypassing the native document scrollbar. As the GSAP master timeline progresses from 0.0 to 1.0, it must programmatically update the bound [SHADER_UNIFORMS] to drive a highly complex distortion or chromatic aberration effect within the WebGL context that violently intensifies during the transition peak and resolves to zero.