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

[duojiao]

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

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

[thinkershare]

底层原理是 WebGL 或者 WebGPU, 后端框架一般是 Three.js 或者干脆是使用 Unity3D 这种游戏引擎输出到 HTML5 的。这个玩意其实和前端没啥关系，核心是美术和图形学，更像游戏，我们天天搞三维可视化，它这个运镜水平还可与，其它的并不怎么样，只要你愿意花钱，国内现在大把做这个玩意的，最开始一个项目上百万，现在 20W 也有人愿意做了，卷的非常厉害。浏览器在大型模型上还是会遇到很多问题，优化性能是个天坑，因为浏览器的渲染环境实在太多了。WebGL 会遇到各种奇奇怪怪的问题。如果是做内部演示软件没啥大问题，如果是面相公众的，优化可用性简直是天坑。

[pinkbook]

很酷，但是打开后电脑风扇呼呼转，这样的话，非不可替代网站，则尽量不打开

[zhang2e]

@jamosLi Soul 的那个星球，在 Android 上性能太拉跨了，每一个元素都是一个 View ，我是没想到的。

[alphardex]

我的目标也是做出这样的网站，不久在掘金上会出一本关于 Shader 的教程，顺便把它做出来（大雾）

[ohwind]

@darknoll 经典杠精逻辑

[masterclock]

为什么用 babylon.js 的这么少？
使用上感觉比 three.js 方便，工具链齐全

[standchan]

@KevinDo2 m1p ，毫无压力，看这个网站风扇不带动的

[darknoll]

@ohwind 呵呵，遇到不爱听的，别人就是杠精？已 block

[dragondove]

@lixiaobai913 这东西吃显卡，我一打开，集显直接占满了。好处是效果好帧率高（不像以前 flash 时代各种掉帧），就是太吃资源了。我觉得这点特效吃那么多资源算是优化比较差的。（毕竟现在也有好多网页上的显卡渲染游戏（一般是 unity 之类的）），很多也没吃那么多资源。

[WashFreshFresh]

这种有没有类似自动生成的，想 520 搞一波

[wangxiaoaer]

1 这个页面很酷炫，前端水平挺高。

2 大部分应用的前端就是 CRUD ，调用 API ，后端虽然也号称 CRUD ，但的确比前端复杂度多。

3 现在前端有些过了，比如明明 CMS 类似的系统，非要整个全家桶，完了再搞个 SSR ，脱裤子放屁。

[iyyy]

@wangxiaoaer 跑题了，不让你来 diss 的