transitive-bullshit/apple-music-effect

这是用 WebGL 在浏览器里实时复刻 Apple Music 新版「液态」品牌动画的项目：Apple 原片是把标志放进矿物油盘里拍摄，油面被声音震出涟漪，产生放大、拖尾和彩虹色散；这个项目在 GPU 上重建了同样的物理效果——一个会折射的油滴透镜，配合光谱级光线追踪做出彩虹边缘。它不只是复刻，还做成了可用的工具：你可以把自己的图标和文字丢进去，调节油滴和光照参数，直接从浏览器导出 1080p 或 4K 的 MP4，等于免费拿到一个品牌动效生成器。附带的 explainer 还拆解了 Apple 原片的拍摄手法和实现思路。对做品牌视觉、动效设计或前端创意开发的人来说，这是个很好的参考实现；如果你只是好奇 Apple 那个 logo 动画怎么做的，点开在线 demo 看一眼就够了，和多数后端或算法岗位关系不大。

Star 趋势

话题标签

仓库信息