From imagination to reality in hours, not weeks.

Developed by Create

A brand experience crafted entirely through AI, from first spark to final frame.

Hero Animation

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 Prompt Log
  • "Create a scroll-linked hero where a central panel expands from 60% to full screen"
  • "The easing should feel heavy at first then accelerate—like pushing through resistance"

Paddle & Ball Physics

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.

+ The Prompt Log
  • "Replace the cursor with a 3D ping pong paddle that tilts based on mouse movement"
  • "Add realistic physics—balls bounce off walls and collide with each other"

Flip Book Cursor

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 Prompt Log
  • "Create a cursor that displays an image box cycling through 18 tournament photos"
  • "Follow the mouse with lerp smoothing—about 0.08 factor for that trailing effect"

Screensaver

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 Prompt Log
  • "After 12 seconds idle, fade in a video bouncing around like the DVD logo"
  • "Each time it hits an edge, shift the hue by 60 degrees"

AI-Generated Activations

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.

+ The Prompt Log
  • "Generate championship banners in arena rafters, dramatic lighting, cinematic"
  • "Build a modal video player with backdrop blur and close button"

What "We" Built (Me, Myself, and AI)

(01)

Hero Animation

Scroll-linked panel expansion with cinematic reveal.

(02)

Paddle Physics

Three.js paddle with ball collisions and momentum.

(03)

Flip Book Cursor

Animated image box cycling through stills.

(04)

Screensaver

Animated stills cycling during idle moments.

(05)

Double Vision

Runway ML trading cards with glitch effects.

(06)

AI Activations

Generated sponsor videos with modal playback.

The Stack

Cursor IDE Claude AI Three.js Runway ML GLTF Models SVG Graphics CSS Animations Vanilla JavaScript AI Video Generation

Experience PIO26

See all these interactive features in action.

Visit the Site →