F1 迈凯轮车队的车手， 兰多·诺里斯的个人网站非常酷炫 设计和交互从页头到页脚，全是戏， 有意思的是，这个网站没有用 web 框架， 是 Webflow + 纯 JS 魔改 扒了一下 Hero 部分， Lando 照片区域用了多层 3D 效果， 深度图（depth map）让 2D 照片随鼠标产生轻微视差， 再叠加 alpha map，roughness map 控制透明与高光反射， 营造真实的 「立体质感」 头盔本身是一个 glTF 3D 模型， 通过不同贴图（base color，金属度，法线，粗糙度等） 切换多款头盔皮肤，并随滚动实时旋转， 而不是用滚动驱动的视频序列 大写的牛批，非常考验设计师的美感和交互设计， 也非常考验前端的功力，效果极其复杂，但性能很好， 基本维持高 FPS，几乎不掉帧 另外，这网站支持手机端，且很丝滑， 还在 Console 里面藏了彩蛋

艾略特

18,854 subscribers

Teilen Herunterladen