EDOLUS

Vertex3D 是一间做三维网页的工作室，它没有拿一页案例列表介绍自己，而是虚构了一个客户，替这个客户把整套官网做完。EDOLUS 卖的是轨道上的卫星网络、城市里的算力节点、机房里的计算阵列和装进汽车的自动驾驶，页面上的文案都是这一行常用的说法，比如 Orbital Intelligence 和 Multi-Agent Orchestration。这些文案不需要经得起推敲，它们的任务是给每一个场景一个名目，让工作室有理由做一颗卫星、一座机房和一辆车。结尾那句 Now imagine your own 把工作室的用意说破了，访客看完的不是一家公司的介绍，而是这间工作室能替客户做出什么样的官网。

访客打开网址，先看到一行 EDOLUS 字标和一个加载进度。加载走完之后，一段地球的影片铺满屏幕，正中写着 INTELLIGENCE AT PLANETARY SCALE，下面是一个写着 INITIATE SYSTEM 的白色按钮。屏幕底部还有一行提示，请访客戴上耳机。访客按下按钮，音乐响起，镜头把一颗卫星推到画面中央，大标题换成 ORBITAL INTELLIGENCE。光标旁边这时浮出一行 SCROLL TO BEGIN，提示访客开始往下滚。

访客往下滚，前四个场景的尺度一路从大缩到小。卫星之后，一颗标着 PRIMARY NODE 的菱形节点从云层里落下，落进一座沙漠城市的卫星地图。城里的街道网格随后一格一格亮起来，标题换成 URBAN SYSTEMS。镜头接着钻进一条机房走廊，走廊尽头的一个机柜亮着一束光，旁边标着 // COMPUTE_CORE。那个机柜随后抽出一块计算托盘，型号叫 NVX-72，托盘上的芯片 EDL-72 再把镜头带进一片金色的星云。

星云之后是一行 INTELLIGENCE LAYER 和四张横排的卡片，每张讲一种 AI 能力，第一张叫 REASONING。这排卡片接着缩小，变成一辆车中控屏上的画面，镜头退到车外，车停在一面弧形的大屏前面，屏上放着一条雪山之间的公路。整条路线的尺度从一颗星球缩到一颗芯片，最后又放大回一辆车。上下两道黑边随后合拢，两句话依次出现，Edolus never existed 和 The experience did，然后是工作室的标志、Now imagine your own 和一个邮箱，底下还有一个 REPLAY EXPERIENCE 按钮。

整条路线的长度相当于滚动四十多屏，中间没有分页，也没有菜单可以跳着看。访客能动手的地方不多，悬停卫星上的标签、拖着托盘转、悬停卡片，其余时间都是在看。访客点了 REPLAY EXPERIENCE 之后，画面会回到进门前那一屏，要重新按一次按钮才能再走一遍。

这个站的颜色随场景走了一条从冷到暖、再到白的线。轨道那一段是深蓝的太空和发蓝的地球，云层一段换成灰白，沙漠地图是沙黄色，从机房走廊开始变成黑底加一束暖金色的光。芯片、星云和卡片都留在这套黑金里，到了汽车那一段，整个屏幕忽然变成白色，最后黑边合拢，回到纯黑。每换一种颜色正好换一个场景，所以颜色在这里担起了分章的活，访客不看标题也知道自己进了下一段。

这个站页面上的文字分给了两款字体。无衬线体 General Sans 管标题和句子，门上那行 INTELLIGENCE AT PLANETARY SCALE 用的是很细的字重，进门之后各个场景的标题都换成粗体大写。结尾的句子则在一行里一半常规、一半粗体，Edolus 是常规体，never existed 是粗体。等宽体 JetBrains Mono 管小号的说明、标签和规格清单，AI CHIP 下面那行 Autonomous Inference Core、托盘旁边那四行功能列表都用它，读起来像硬件发布会上的规格页。型号起名也是同一套路数，NVX-72 和 EDL-72 都是字母加数字，和真实的芯片、服务器型号是同一种起法。

场景标题不是贴在画面上面的一层字，而是摆在三维空间里，物体经过时会把字挡住。轨道那一段，卫星的太阳能板横着压过 ORBITAL INTELLIGENCE 的后半截。机房那一段，计算托盘挡住了大字 NVX-72 的第一个字母。产品发布片里常见这种字和物体互相遮挡的镜头，这个站把它做进了实时画面，标题因此不像网页上的标题，而像片子里的字幕。

卫星、机柜和汽车都照着现实里的产品做，不是抽象的科技图形。卫星有真实的太阳能板和机身零件，机柜有散热格栅，汽车的外形和中控大屏都很像特斯拉 Model 3。汽车那一段的布置最特别，车没有开在路上，而是停在一个纯白的空间里，面前立着一面弧形的大屏，屏上放的是一段用 AI 视频模型 Seedance 生成的山路影片。这个布置像影视拍摄用的虚拟摄影棚，和这一段的文案 From digital twin to real-world execution 对得上，访客看到的是一辆车在一块屏前面跑，而不是一辆车在路上跑。

网页本身并不滚动，访客的滚轮推的是一条从开头走到结尾的时间线，镜头、物体和文字都按这条线上的位置摆好。时间线上有七个停靠点，访客在停靠点附近停手，画面就会被吸过去停住，正好停在一段标题或者一个可以动手的物体前面。几段路要多滚一些才走得完，芯片进星云那一小段最慢，同样的距离只走得动别处的四成。访客在系统里打开减少动态效果的设置之后，镜头照样飞，站点没有为这个设置做任何处理。

七个场景之间都靠镜头的连续运动或者物体变形接起来。菱形节点从云层里一路落进地图，机房走廊一路推到机柜跟前，机柜里的托盘抽出来、翻过来，托盘上的芯片放大成一片星云。最顺的一次衔接在卡片和汽车之间，那排卡片往后退，退成一块屏幕的大小，屏幕原来是车里的中控屏，镜头再从车里退到车外。

访客的光标在每一段都能让画面起一点变化。场景里的物体会随着光标的位置轻轻偏一下角度，像访客在绕着它看。卫星上的 AI CHIP 标签旁边有一个小圆圈，光标移上去，圆圈变大，同时响起一段循环的电子音。到了机房那一段，光标在地板上划过的地方会留下一道弯弯的暗色波纹，像有人在一层浅水上划了一下。卡片那一段里，光标停在哪一张卡片上，那一张就变亮，往前凸出一点，卡片里还有一团光跟着光标慢慢移动。

光标能做的事里，只有机房那一处是拖拽。镜头走到托盘跟前时，光标变成一个写着 DRAG TO ROTATE 的圆环，访客按住拖动就能把托盘翻过来看另一面，松手之后托盘还会顺着惯性再转一点。

文字的出场也有固定的动法，卫星和地图上的标签先是一串乱码，再逐个字母解码成原文，每次解码都配一声电子音。屏幕正上方的字标同样一直在动，EDOLUS 里那个 O 的圆圈每隔几秒被抹掉一圈，再从顶端重新画回来。

这个站的声音也跟着滚动一起变化。站点把音乐拆成旋律、低音和其他乐器三轨，每个场景各有一套音量比例。机房那一段几乎只剩旋律，芯片和星云那一段三轨全开，汽车那一段又降到很轻，结尾逐渐收到无声。另有一组音效各绑在一个时刻上，按下进门按钮、菱形节点落地、机柜出现、文字解码都有自己的声音。星云那一段的循环音效会跟着滚动速度变化，访客滚得越急，它就放得越快、音调越高。

从头到尾连续滚动，画面一直稳定在每秒 60 帧，没有哪一段掉下来，门上的地球和车后的山路这两段视频全程都在后台播放。这七个场景都很重，站点的做法是同一时间只打开当前这一段和前后相邻的一段，其余的场景整段关掉，所以显卡每一刻只需要画其中两三个。

EDOLUS 整个站是用三维引擎 PlayCanvas 搭的一个项目。PlayCanvas 在浏览器里运行，附带一个在线编辑器，这个站的每一个效果都写成一个能挂在物体上的小脚本，停靠点的位置、每段路的快慢和每个场景的音乐比例都做成了编辑器里能调的参数。网页本身只剩很薄的一层，管字标、AUDIO 开关、几处标签和结尾那几句话。音量的淡入淡出、光标旁的提示和结尾的过场，这类随时间变化的数值交给动画库 GSAP 去推。

访客进门之前，这个站已经下载了大约 49 MB，进门之后几乎不再下载任何东西。三维模型占了将近一半，约 23 MB，最大的两个是计算托盘和汽车，各约 7 MB。门上的地球和车后那段山路是两段视频，一共约 11 MB。贴图约 11 MB，其中一部分用了能直接交给显卡的压缩格式，其余还是普通的 PNG 和 WebP 图片。音乐和音效一共约 2.6 MB，在整包里只占很小一块。

页面开始出现画面很快，首次内容绘制在 0.3 到 0.55 秒之间，低于 Google 建议的 1.8 秒，不过这时画出来的只是加载百分比。INITIATE SYSTEM 按钮要等到 12.5 到 13 秒左右才出现，访客在这之前什么都做不了。布局位移（CLS）是 0.09，低于 Google 建议的 0.1 上限，等待期间画面基本不跳。

这十几秒的等待一部分花在下载上，另一部分是站点有意留给预热的。加载快结束时，站点让镜头在后台把七个场景各走两处，每处画几帧，并且暂时让显卡把看不见的物体也画出来。这样所有材质和贴图都提前准备好了，预热完站点再等两秒半才放出按钮。进门之后一路不卡，靠的就是这次预热，不过预热的时候，页面最长有将近一秒完全不响应。

只用键盘的访客根本进不了这个站的门。INITIATE SYSTEM 看起来是一个按钮，其实只是一段文字，Tab 键只在三维画布和页面本身之间来回，按回车和空格都没有反应。访客用鼠标进门之后，方向键和翻页键倒是能推着时间线往前走，右上角的 AUDIO 开关却始终不能用键盘选中。

读屏软件的用户能读到的内容更少。场景标题和卡片上的文字都画在三维画布里，页面上只有几处标签和结尾那几句是网页文字。页面既没有声明语言，也没有任何标题结构。结尾那个 Vertex3D 标志是一个链接，读屏软件却读不出它的名字。

创意 Creativity 是 EDOLUS 在 Awwwards 拿得最高的一项，7.59。一家虚构的公司、一条从轨道缩到芯片的镜头线、一套跟着场景换配器的音乐，这几件事合起来，和这一项的高分对得上。四个分项里得分最低的是易用性 Usability，7.05。按钮要等十几秒才出现，滚轮被一条会自己吸住的时间线接管，键盘又进不了门，易用性偏低可能和这几处有关。

开发评委那一边，EDOLUS 拿到 7.82 分，奖项页上还没有挂出开发奖的徽章。在不算响应式的五个分项里，动画 Animations 最高，8.80，无障碍 Accessibility 最低，7.20。

EDOLUS 拿到 FWA 当日站的日子是 7 月 28 日，83 分，比 Awwwards 早了两个多月。团队在 FWA 上写的说明是一段电影感的 WebGL 旅程，深入人工智能基础设施，在实时三维、沉浸式交互和动态声音设计上都在往极限推。这段说明讲的是 EDOLUS 这家公司的故事，没有提它是虚构的，访客要滚到最后才会知道这家公司是编出来的。FWA 给它归的三个类别是设计和制作工作室、实验性作品和音乐与声音，最后一类说的正是那套跟着场景变化的三轨音乐。

表里的战绩是截至写报告时的累计数。Awwwards 和 FWA 上的署名都只到 Yann Trevelot 和他的工作室 Vertex3D 一级，没有公开其他成员的分工。工作室自己的作品集在 2026 年 4 月 23 日拿过 FWA 的当日站，82 分，EDOLUS 是它在 Awwwards 上的第一个当日站。