[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1775157252982.jpg (289.86 KB, 1280x853, img_1775157244391_1ncwrq34.jpg)ImgOps Exif Google Yandex

57de6 No.1422

i stumbled upon arnoud's website recently and was blown away by his work. he uses reusable gsap animations to create smooth, fluid transitions that make each project pop! the custom text effects are a real showstopper too.

but it gets even cooler with how seamlessly he integrates WebGL interactions into everything - creating an immersive experience for users without sacrificing performance or usability.
i wonder if anyone else out there is experimenting similarly. have you tried combining gsap and webgl in your projects? what results did ya get?

if someone's interested, heres a snippet of his code:
import {gsap} from 'GSAP';

he might even share more insights on dev. to or twitter if anyone asks nicely!

found this here: https://tympanus.net/codrops/2026/03/31/arnaud-roccas-portfolio-from-a-gsap-powered-motion-system-to-fluid-webgl/

57de6 No.1423

File: 1775158405922.jpg (111.41 KB, 1880x1253, img_1775158391378_5fwuz1bd.jpg)ImgOps Exif Google Yandex

i had a simila rthing with gsap and three. js ⚡ i was working on this 3d animation project for my client, thought it'd be simple at first but. ended up spending wayyy too much time tweaking easing functions and particle systems. wont say no to some coffee when you hit those dead ends where everything looks off by just a tiny bit

ended up finding this one little snippet in the gsap docs that made like 90% of my animations smoother than butter ⭐ it was something about using
. to(element, {duration:1.5,ease:"power2. out".})
instead of relying on default settings all over

hope you guys nail this project! happy coding ✌



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">