Command Palette

Search for a command to run...

One Piece | Fluid Animation

Period
Jan 2026
One Piece | Fluid Animation banner

A GPU-accelerated interactive experience featuring a real-time Navier-Stokes fluid simulation with 8 custom GLSL shader passes per frame.

  • Move your cursor or finger across the screen to inject velocity into a fluid field that dynamically blends between two character images using smoothstep transitions
  • Idle animation system with automated brush strokes that keep the page alive when inactive
  • Wanted Poster Generator — Google Sign-In waitlist with Firebase Auth + Firestore, pirate-themed confirmation emails via Resend, and a wanted poster marquee in the modal
  • Confetti celebration with One Piece themed colors

Technologies

ReactThree.jsCustom GLSL shadersGSAPFirebaseResendVite