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

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

quai 的官网,https://qu.ai/,(具体它是做什么的我们不讨论哈)

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

11839 次点击
所在节点    程序员
92 条回复
hronro
2023-05-17 20:05:52 +08:00
这个看起来很酷炫,用的技术也听上去也挺高大上的,但其实体验并不好,在低配电脑上卡的起飞了,我笔记本直呼烫手.

要让我来实现,我可能会用比这个"LOW"很多的技术来实现:关键帧.他这个镜头是写死的只会随着滚动变化而变化,我只要监听滚动像播放视频一样不停地变换背景图片就可以了,在主流配置上绝对比他这个流畅许多.
x86
2023-05-17 20:15:15 +08:00
真丝滑
luemail2023
2023-05-17 20:18:48 +08:00
真的是 太酷啦
NoString
2023-05-17 20:19:09 +08:00
雀食帅
SekiBetu
2023-05-17 20:32:46 +08:00
这是前端?不是在线渲染的 3D 模型吗
Aloento
2023-05-17 20:43:44 +08:00
@Track13 #21 有链接么
zxCoder
2023-05-17 20:52:01 +08:00
我电脑 cpu 可能不行,卡的要死
dcsuibian
2023-05-17 21:02:39 +08:00
three.js 吧,这个对前端功力有考验,但更多是设计功力吧
ruoxie
2023-05-17 21:06:00 +08:00
three.js > webgl > 着色器编程
能写出这样效果的人可能并不是一个网页前端,也许是游戏前端
x43125
2023-05-17 21:07:39 +08:00
@Huelse 卧槽,好几把炫
Track13
2023-05-17 21:13:43 +08:00
kernelpanic
2023-05-17 21:17:07 +08:00
13900k+4090+64G 内存 卡成 ppt
TomPig0216
2023-05-17 22:45:34 +08:00
@Huelse #31 这个真的泰酷辣 真的超酷
wongminli
2023-05-18 01:52:26 +08:00
有个看 A 股的大盘云图也挺炫酷的,名字就叫大盘云图
网址: https://dapanyuntu.com?ref=940640
jswh
2023-05-18 08:26:06 +08:00
zzzzz024
2023-05-18 08:44:00 +08:00
https://www.midjourney.com/
midjourney 也不错
OAw7tR7N38cBxiic
2023-05-18 08:52:47 +08:00
@brader 前端:我真的栓 Q
wangxiang
2023-05-18 09:38:50 +08:00
我觉得苹果官网产品页面也比较炫
andyskaura
2023-05-18 09:48:07 +08:00
补充一下,鼠标 hover 上还用了 后处理 shader
zj1sq
2023-05-18 10:02:04 +08:00
@Huelse #31 这个能正常打开,qu.ai 那个首页非常卡顿,加载完了都没法点击,CPU 风扇狂转,不过它的其它页面倒是能正常打开

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

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

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

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

© 2021 V2EX