// Posts#creative-dev
Một số, toàn bộ animation: cách GSAP điều phối WebGL shader và clip-path trong portfolio
#9922026-05-06

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.

gsapwebglcreative-dev
6 phút đọc