标签: 前端实验室
能直接操作的浏览器实验,以及背后的实现代码。
念头瓶
这本里有 2 篇关于前端实验室的笔记
滚动叙事长页:平滑、固钉、视差和进度
用零依赖演示拆开滚动叙事页的四种手法:平滑滚动、固钉横向推进、视差分层,以及滚动驱动数字。文末对照 GSAP 与 Lenis 的写法。
用原生 WebGL 跑 24,000 个粒子
把粒子的初始数据交给 GPU,再用顶点着色器完成每一帧的位置计算。文章里嵌入了可以直接操作的完整演示。
能直接操作的浏览器实验,以及背后的实现代码。
这本里有 2 篇关于前端实验室的笔记
用零依赖演示拆开滚动叙事页的四种手法:平滑滚动、固钉横向推进、视差分层,以及滚动驱动数字。文末对照 GSAP 与 Lenis 的写法。
把粒子的初始数据交给 GPU,再用顶点着色器完成每一帧的位置计算。文章里嵌入了可以直接操作的完整演示。