工具与素材
Codrops｜Maria Vasilyeva：把作品集当成「旋律」的过程文（声音／WebGL／注释）
收藏「可玩、有节奏」的作品集参考时，优先看有概念→共创开发→具体交互／shader 的完整过程文，而不是空壳灵感站截图。
2026-10-20 Codrops 刊出 Maria Vasilyeva 与开发者 Surya Aditya 的作品集过程：以音符→旋律→序曲组织 Notes／Melody／Overture 三页；滚动 playhead 放大项目、手写乐谱式注解描边、指针 smear 着色器、MSDF 字标拖尾与共用 bar-edge 转场，并可开关项目声景。文中给出布局与 shader 思路片段（React＋WebGL2／GLSL）。
tympanus.net/codrops/2026/10/20/maria-vasilyeva-portfolio/ 路径日期 2026/10/20；正文详述 Notes 的 playhead bloom、Melody 行级展开、注解 dash-offset、图像 smear、loader／转场与技术栈。
为什么值得看
想给作品集或品牌站找「可玩、有节奏」的动效与信息架构参考时，这篇有概念→共创→具体交互／shader 的完整过程，收藏价值高于空壳灵感站。
可以试试
先通读 Notes／Melody／Overture 信息架构与 playhead 交互，再决定是否把「滚动时间轴＋注解描边」一类手法收进作品集参考板。