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

[duojiao]

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

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

[fengfuliu]

three.js 吧

[palxie]

不太懂. 但是感觉好花里胡哨 😂

[besscroft]

three.js

[TArysiyehua]

canvas , tree.js

[TArysiyehua]

<canvas id="gl" class="fixed fill z-negative" data-engine="three.js r148" width="949" height="996" style="width: 1266px; height: 1328px; touch-action: none;"></canvas>

[justin2018]

[mzh]

确实好酷炫，看了下 network ，有很多.glb, .ktx2 格式的文件下载，应该是 OpenGL 加载的 3D 模型吧。

[insanny]

@justin2018 请问这是什么插件，看起来好好用

[1016]

@insanny Wappalyzer

[yatoooon]

泰裤辣

[HeyWeGo]

虽然都是前端，但是方向和一般的那种组件区别挺大的

[insanny]

@1016 多谢!

[encro]

15 年前的 flash 也是这效果。

[darkengine]

打开这个同事以为我上班玩游戏。。。

[brader]

好东西，拿回去问问我家前端同学能不能做

[Adicwu]

threejs 的哇 3d 的玩意儿

[Myprajna]

好看！

[C47CH]

用 brave 打开根本动不了，不过关了护盾就好了

[gadore]

three.js 预设置好 3D 模型场景的镜头运作路线，然后监听滚轮，配合 dom 元素的关键帧动画配合。。。应该是这样

[AyaseEri]

除了前端的基本知识、3D 的基本知识，还要有动画拆解的功底。能独立做这玩意的，JS + HTML + CSS 跟 AE 一样就是个工具。