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

2023-05-17 11:06:30 +08:00
 duojiao

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

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

11745 次点击
所在节点    程序员
92 条回复
fengfuliu
2023-05-17 11:11:47 +08:00
three.js 吧
palxie
2023-05-17 11:19:54 +08:00
不太懂. 但是感觉好花里胡哨 😂
besscroft
2023-05-17 11:23:44 +08:00
three.js
TArysiyehua
2023-05-17 11:23:49 +08:00
canvas , tree.js
TArysiyehua
2023-05-17 11:24:14 +08:00
<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
2023-05-17 11:25:48 +08:00
mzh
2023-05-17 11:26:01 +08:00
确实好酷炫，看了下 network ，有很多.glb, .ktx2 格式的文件下载，应该是 OpenGL 加载的 3D 模型吧。
insanny
2023-05-17 11:32:57 +08:00
@justin2018 请问这是什么插件，看起来好好用
1016
2023-05-17 11:35:22 +08:00
@insanny Wappalyzer
yatoooon
2023-05-17 11:37:45 +08:00
泰裤辣
HeyWeGo
2023-05-17 11:38:50 +08:00
虽然都是前端，但是方向和一般的那种组件区别挺大的
insanny
2023-05-17 11:43:13 +08:00
@1016 多谢!
encro
2023-05-17 11:46:13 +08:00
15 年前的 flash 也是这效果。
darkengine
2023-05-17 11:52:13 +08:00
打开这个同事以为我上班玩游戏。。。
brader
2023-05-17 11:59:26 +08:00
好东西，拿回去问问我家前端同学能不能做
Adicwu
2023-05-17 12:01:05 +08:00
threejs 的哇 3d 的玩意儿
Myprajna
2023-05-17 12:02:28 +08:00
好看！
C47CH
2023-05-17 12:27:33 +08:00
用 brave 打开根本动不了，不过关了护盾就好了
gadore
2023-05-17 12:33:33 +08:00
three.js 预设置好 3D 模型场景的镜头运作路线，然后监听滚轮，配合 dom 元素的关键帧动画配合。。。应该是这样
AyaseEri
2023-05-17 12:35:58 +08:00
除了前端的基本知识、3D 的基本知识，还要有动画拆解的功底。能独立做这玩意的，JS + HTML + CSS 跟 AE 一样就是个工具。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/940640

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX