One Piece | Fluid Animation
- Period
- Jan 2026

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