quai 的官网，https://qu.ai/，（具体它是做什么的我们不讨论哈）
这种从上拉到下，一镜到底的感觉太酷了。可是我只是个普通的后端 /数据，看不懂前端代码，前端是有什么成熟的组件或者框架能实现吗？或者是什么技术原理呀？求教～
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 1267 days ago, the information mentioned may be changed or developed.
 |
1
three.js 吧
|
5 |
palxieMay 17, 2023
2
不太懂. 但是感觉好花里胡哨 😂
|
 |
besscroftMay 17, 2023
3
three.js
|
 |
TArysiyehuaMay 17, 2023
4
canvas , tree.js
|
|
TArysiyehuaMay 17, 2023
5
<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>
|
 |
6
 |
 |
mzhMay 17, 2023
7
确实好酷炫，看了下 network ，有很多.glb, .ktx2 格式的文件下载，应该是 OpenGL 加载的 3D 模型吧。
|
 |
insannyMay 17, 2023
8
@justin2018 请问这是什么插件，看起来好好用
|
 |
kaixinyidianMay 17, 2023
10
泰裤辣
|
 |
HeyWeGoMay 17, 2023
11
虽然都是前端，但是方向和一般的那种组件区别挺大的
|
 |
13
15 年前的 flash 也是这效果。
|
 |
darkengineMay 17, 2023
14
打开这个同事以为我上班玩游戏。。。
|
 |
15
好东西，拿回去问问我家前端同学能不能做
|
 |
AdicwuMay 17, 2023
16
threejs 的哇 3d 的玩意儿
|
 |
MyprajnaMay 17, 2023
17
好看！
|
 |
C47CHMay 17, 2023
18
用 brave 打开根本动不了，不过关了护盾就好了
|
 |
gadoreMay 17, 2023
19
three.js 预设置好 3D 模型场景的镜头运作路线，然后监听滚轮，配合 dom 元素的关键帧动画配合。。。应该是这样
|
 |
20
除了前端的基本知识、3D 的基本知识，还要有动画拆解的功底。能独立做这玩意的，JS + HTML + CSS 跟 AE 一样就是个工具。
|
 |
bgm004May 17, 2023 via Android
21
这个太简单了。
让前几天那个说前端就是 curd ，写写样式，太简单没意思的大佬来。 （我不行） |
 |
hakulamatataMay 17, 2023
22
svg 的特效了，公众号现在也有很多在用，算很高端的操作了
|
 |
flyhaoziMay 17, 2023
23
滚动动画的控制应该是用的 gsap 和 scrolltrigger
|
 |
24
我:前端小姐姐,我想要这个👆😋.
小姐姐:滚! |
 |
coldmonkeybitMay 17, 2023
27
太猛了
|
 |
darknollMay 17, 2023
28
花里胡哨的不实用，客户不会喜欢的
|
 |
bhbhxyMay 17, 2023
29
@Track13 那种人网上太多了，技术视野窄，接触的东西也就是一个井口，然后大言不惭地说不就是调个 API 嘛😂，以前的老板也是这样，说写代码不就是从网上复制粘贴一段就行了
|
|
30
@darknoll 这是程序员 /艺术家的追求和浪漫，这种需求现在数字孪生，可视化非常多，都是几十万到几百万不等的单子，精通图形学的前端也是很吃香的，市场上奇缺这种前端。
|
 |
31
给你看个超炫的 https://deck-24abcd.netlify.app/
|
 |
LeslieLeeMay 17, 2023
32
好家伙，打开电脑都卡死了，日常办公电脑太拉了
|
 |
likemeMay 17, 2023
33
眼睛都花了。。
|
 |
yulgangMay 17, 2023
34
是挺酷炫
|
 |
BolognaMay 17, 2023
39
我更好奇苹果官网那样的是如何实现的
|
 |
2SoonMay 17, 2023
40
栓 q ，电脑炸了 23333
|
|
BolognaMay 17, 2023
41
@MRG0 还有 oppo 这个 https://connect.oppo.com/zh-CN
|
 |
tf2May 17, 2023
42
|
 |
zthxxxMay 17, 2023
43
泰裤辣
|
 |
44
|
 |
jamosLiMay 17, 2023
45
以前觉得 soul 的星空交互很秀，现在看来这些交互才是绝绝子啊。
|
 |
LXGMAXMay 17, 2023
46
用这个整三体游戏网页介绍不错
|
 |
48
确实帅啊
|
 |
c3de3f21May 17, 2023
50
域名牛比
|
 |
CJ2r4u3EH4lrM7aRMay 17, 2023
51
3d 库搭建场景，预设相机轨道，上滚前进下滚后退。镜头不能自由移动是最明显的
|
|
can2421May 17, 2023
52
|
|
CJ2r4u3EH4lrM7aRMay 17, 2023
53
@DeWjjj 除了模型存在服务器，其他的都是纯前端完成。而且性能优化也不错。前端功底很好
|
|
CJ2r4u3EH4lrM7aRMay 17, 2023
54
@hakulamatata 相对只会后台管理的菜鸟算是高端了，但实际上只能看出来前端功底不错，技术算不上高端
|
 |
n18255447846May 17, 2023
55
确实不错，一眼 webgl
|
|
n18255447846May 17, 2023
56
其它大部分都是些简单的 event+css 动画
|
 |
xiaoxiyihaMay 17, 2023
57
|
 |
x77May 17, 2023
58
底层原理是调用 WebGL 实现 3D 效果，3D 网页我十多年前就见过，一开始看着很新奇，久了就感觉又慢又没什么用
|
 |
beginorMay 17, 2023 via Android
59
确实很帅， 目测应该是 webgl + css3d
|
 |
retanojMay 17, 2023
60
我也想学，蹲个教程
|
 |
hronroMay 17, 2023
61
这个看起来很酷炫,用的技术也听上去也挺高大上的,但其实体验并不好,在低配电脑上卡的起飞了,我笔记本直呼烫手.
要让我来实现,我可能会用比这个"LOW"很多的技术来实现:关键帧.他这个镜头是写死的只会随着滚动变化而变化,我只要监听滚动像播放视频一样不停地变换背景图片就可以了,在主流配置上绝对比他这个流畅许多. |
 |
x86May 17, 2023
62
真丝滑
|
 |
luemail2023May 17, 2023
63
真的是 太酷啦
|
 |
NoStringMay 17, 2023
64
雀食帅
|
 |
SekiBetuMay 17, 2023
65
这是前端？不是在线渲染的 3D 模型吗
|
 |
zxCoderMay 17, 2023
67
我电脑 cpu 可能不行，卡的要死
|
 |
dcsuibianMay 17, 2023 via Android
68
three.js 吧，这个对前端功力有考验，但更多是设计功力吧
|
 |
ruoxieMay 17, 2023
69
three.js > webgl > 着色器编程
能写出这样效果的人可能并不是一个网页前端，也许是游戏前端 |
|
bgm004May 17, 2023 via Android
71
|
 |
kernelpanicMay 17, 2023
72
13900k+4090+64G 内存 卡成 ppt
|
 |
TomPig0216May 17, 2023
73
@Huelse #31 这个真的泰酷辣 真的超酷
|
 |
wongminliMay 18, 2023
74
有个看 A 股的大盘云图也挺炫酷的，名字就叫大盘云图
网址： https://dapanyuntu.com?ref=940640 |
 |
jswhMay 18, 2023
75
|
 |
zzzzz024May 18, 2023
76
https://www.midjourney.com/
midjourney 也不错 |
 |
OAw7tR7N38cBxiicMay 18, 2023
77
@brader 前端：我真的栓 Q
|
 |
wangxiangMay 18, 2023
78
我觉得苹果官网产品页面也比较炫
|
 |
andyskauraMay 18, 2023
79
补充一下，鼠标 hover 上还用了 后处理 shader
|
 |
thinkershareMay 18, 2023
81
底层原理是 WebGL 或者 WebGPU, 后端框架一般是 Three.js 或者干脆是使用 Unity3D 这种游戏引擎输出到 HTML5 的。这个玩意其实和前端没啥关系，核心是美术和图形学，更像游戏，我们天天搞三维可视化，它这个运镜水平还可与，其它的并不怎么样，只要你愿意花钱，国内现在大把做这个玩意的，最开始一个项目上百万，现在 20W 也有人愿意做了，卷的非常厉害。浏览器在大型模型上还是会遇到很多问题，优化性能是个天坑，因为浏览器的渲染环境实在太多了。WebGL 会遇到各种奇奇怪怪的问题。如果是做内部演示软件没啥大问题，如果是面相公众的，优化可用性简直是天坑。
|
 |
pinkbookMay 18, 2023
82
很酷，但是打开后电脑风扇呼呼转，这样的话，非不可替代网站，则尽量不打开
|
 |
alphardexMay 18, 2023
84
我的目标也是做出这样的网站，不久在掘金上会出一本关于 Shader 的教程，顺便把它做出来（大雾）
|
 |
masterclockMay 18, 2023
86
为什么用 babylon.js 的这么少？
使用上感觉比 three.js 方便，工具链齐全 |
 |
dragondoveMay 18, 2023
89
@lixiaobai913 这东西吃显卡，我一打开，集显直接占满了。好处是效果好帧率高（不像以前 flash 时代各种掉帧），就是太吃资源了。我觉得这点特效吃那么多资源算是优化比较差的。（毕竟现在也有好多网页上的显卡渲染游戏（一般是 unity 之类的）），很多也没吃那么多资源。
|
 |
WashFreshFreshMay 18, 2023
90
这种有没有类似自动生成的，想 520 搞一波
|
 |
wangxiaoaerMay 18, 2023
91
1 这个页面很酷炫，前端水平挺高。
2 大部分应用的前端就是 CRUD ，调用 API ，后端虽然也号称 CRUD ，但的确比前端复杂度多。 3 现在前端有些过了，比如明明 CMS 类似的系统，非要整个全家桶，完了再搞个 SSR ，脱裤子放屁。 |
 |
iyyyMay 18, 2023
92
@wangxiaoaer 跑题了，不让你来 diss 的
|
 |
tG4202ZY448se3BwDec 31, 2024
93
|
Select Language