The hero section features a full-screen video that responds to scroll position. As users scroll down, a central panel expands to reveal the main content.
Every pixel was refined through real-time iteration—adjusting timing, easing curves, and trigger points until the scroll felt natural.
The impact section transforms the cursor into a 3D ping pong paddle rendered with Three.js. Agency names become interactive ping pong balls with curved SVG text.
The physics engine handles wall collisions, ball-to-ball interactions, momentum transfer, and gradual return-to-origin.
In the sponsors section, the cursor transforms into a floating image box that cycles through tournament photography like a flip book animation.
The images follow the cursor with smooth interpolation, moving behind sponsor logos and text to add depth without disrupting readability.
The screensaver activates during idle moments, featuring a pong-like movement where images bounce off screen edges. Each collision triggers a color shift, cycling through the brand palette.
The imagery was generated in Midjourney, drawing from the Double Vision aesthetic to create a cohesive, dynamic idle experience.
The Double Vision section features 3D-perspective trading cards that float and rotate in space, creating an immersive parallax experience as users scroll.
Each trading card was generated using Runway ML's image-to-image workflow, taking tournament photos and transforming them into dynamic sports trading cards with glitch art and futuristic aesthetics. The cards are then positioned in a custom 3D space using CSS transforms. The rotation responds to scroll position, giving each image a cinematic, fly-around effect that reveals the artwork from multiple angles.
Using Runway ML's image-to-image workflow, tournament photos were transformed into dynamic trading cards. The process preserves facial features while applying glitch art, y2k aesthetics, and futuristic sports card design elements.
Each card went through an iterative refinement process, adjusting prompts and style parameters until the perfect balance of realism and digital artistry was achieved.
The Exclusive Activations section features AI-generated video content for sponsor partnerships. The "Hall of Champions" and "Own the Stream" videos showcase premium opportunities.
Each video plays in a modal overlay, creating an immersive preview of what sponsors can expect.
Scroll-linked panel expansion with cinematic reveal.
Three.js paddle with ball collisions and momentum.
Animated image box cycling through stills.
Animated stills cycling during idle moments.
Runway ML trading cards with glitch effects.
Generated sponsor videos with modal playback.
See all these interactive features in action.
Visit the Site →