Một số, toàn bộ animation: cách GSAP điều phối WebGL shader và clip-path trong portfolio
GSAP điều phối toàn bộ animation từ WebGL shader tới CSS clip-path wipes qua một số progress duy nhất từ 0 đến 1. Portfolio chuyển từ Three.js sang OGL để giảm bundle, dùng persistent WebGL context mount một lần tại page root tránh memory leak. Idle guard tự suspend flowmap render sau 90 frame không có input, direct DOM mutation thay React state đạt 120 Hz mượt mà. Awwwards Honorable Mention tháng 3/2026.
ScrollTrigger Off-Screen Reset: Thủ thuật GSAP khiến header spin-in mượt mỗi lần cuộn
Header xoay mượt khi vào viewport, xoay ngược khi cuộn lên, nhưng tuyệt đối không xoay khi rời màn hình. Bí mật nằm ở cú reset âm thầm lúc element đang off-screen — classic pattern từ ScrollTrigger Express của snorklTV.