Basketball Replay Center
A WebGL preloader recreating a sports control room, with a CRT screen grid, custom distortion shaders, post-processing, and GSAP animations.
Not VerifiedBlockExperiment6 files
preloaderbroadcastcrt
Preview
Basketball Replay CenterOpen Full Page
[!TIP] Open in full screen for the best experience.
Install
npx shadcn add https://www.razisyed.cv/r/basketball-replay-centerDependencies
npm i @react-three/fiber three gsapFile Structure
BasketballReplayCenter.tsx
DistortionPass.tsx
ReplayGrid.tsx
ScreenPanel.tsx
ReplayPreloader.tsx
usePreloaderTimeline.ts
Source
Loading source...