这种炫酷的前端是怎么实现的呢

[duojiao]

quai 的官网，https://qu.ai/，（具体它是做什么的我们不讨论哈）

这种从上拉到下，一镜到底的感觉太酷了。可是我只是个普通的后端 /数据，看不懂前端代码，前端是有什么成熟的组件或者框架能实现吗？或者是什么技术原理呀？求教～

[MRG0]

@MRG0 还有 oppo 这个 https://connect.oppo.com/zh-CN

[lambdaq]

破防！ 7 年前端做不出钉钉官网动效
https://www.bilibili.com/video/BV1BL411a71e/

https://www.bilibili.com/video/BV12o4y1w7DM/

[zthxxx]

泰裤辣

[can2421]

@Huelse https://github.com/nolimits4web/atropos/, 好像是这个效果

[jamosLi]

以前觉得 soul 的星空交互很秀，现在看来这些交互才是绝绝子啊。

[LXGMAX]

用这个整三体游戏网页介绍不错

[wander555]

@Huelse 我超，这点击后光影效果有点酷炫

[DICK23]

确实帅啊

[DeWjjj]

@w950888 是本地渲染的，问题是这些图和建模很大的。
你自己看一下，这个网站用了多少资源吧。

[c3de3f21]

域名牛比

[Jame00001]

3d 库搭建场景，预设相机轨道，上滚前进下滚后退。镜头不能自由移动是最明显的

[can2421]

@wander555 https://github.com/wagerfield/flat-surface-shader

[Jame00001]

@DeWjjj 除了模型存在服务器，其他的都是纯前端完成。而且性能优化也不错。前端功底很好

[Jame00001]

@hakulamatata 相对只会后台管理的菜鸟算是高端了，但实际上只能看出来前端功底不错，技术算不上高端

[n18255447846]

确实不错，一眼 webgl

[n18255447846]

其它大部分都是些简单的 event+css 动画

[xiaoxiyiha]

https://github.com/studio-freight/lenis 用的这个库

[x77]

底层原理是调用 WebGL 实现 3D 效果，3D 网页我十多年前就见过，一开始看着很新奇，久了就感觉又慢又没什么用

[beginor]

确实很帅， 目测应该是 webgl + css3d

[retanoj]

我也想学，蹲个教程