Arnaud Rocca’s Portfolio: From a GSAP-Powered Motion System to Fluid WebGL

A creative developer shares the technical architecture behind their personal portfolio, covering a reusable GSAP effects system with auto-registration via Vite glob imports, Vue composables for scroll-triggered animations (useGSAP, useScrollAnimateIn, useSplitText), a custom 'Leftovers' text transition inspired by a TV show, and a WebGL fluid simulation built on OGL with frame-rate-independent dissipation. The post also covers accessibility considerations including screen reader testing, keyboard navigation parity, reduced-motion support, and a no-JS fallback via Nuxt SSG and noscript CSS.