ONE TAKE / 随想

网页 3D 的门槛,刚刚被 AI 踢倒了

zuoan约 8 分钟阅读
网页 3D 的门槛,刚刚被 AI 踢倒了

网页 3D 的门槛,刚刚被 AI 踢倒了

先说结论:2026 年,是"一句话出 3D"从 demo 变成产品的一年。

以前想做网页 3D,门槛是"会写 GLSL shader,还得懂点图形学"。

现在门槛变成了"会描述你想要什么"。

为什么偏偏是现在

大模型已经能稳定输出可运行的 Three.js 场景代码。有产品做到了一句话描述、60 秒内生成一个可部署的 3D 网站;有人给 AI 看一段动态视频,它就能用 Three.js 把里面的物体、运动、光照复刻出来,还能并排交互对比。

Three.js 在今年 9 月开了首届官方大会,主推 TSL——用普通 JavaScript 写 shader。报道里有一句很关键的话:因为 TSL 是纯 JavaScript,AI 写它比写传统 shader 语言可靠得多。

翻译一下:Three.js 正在变成 AI 生成 3D 内容的默认运行时。AI 输出的代码,恰好跑在人人都有的浏览器里。

而浏览器的护城河一直没变:点开链接就能玩,不用安装。当年 NASA Eyes 的老版本还得装 Unity 插件才能跑,现在纯浏览器就行。"免安装"这条线,是 WebGL 生态十几年来的主线胜利。

还有两个数字。第三方 2026 年的获奖模式分析说,Awwwards 每日最佳里沉浸式 3D 的占比,从 2024 年的 23% 涨到了 61%(第三方口径,仅供参考)。以及,Bruno Simon 的 Three.js Journey 课程已经有 5 万多学员——全球有一整代前端会写 Three.js。

供给侧充足,又赶上 AI 生成代码的东风,作品不爆发才怪。

下面这 10 个,就是这波浪潮里最值得点开看看的。链接都核实过,全部打开即玩。

Bruno Simon 的作品集

可能是全球最出名的 Three.js 作品集。

你开着一辆物理手感十足的小车——加速、漂移、跳跃、鸣笛、液压悬挂全都有——在一个精致的 3D 小世界里逛他的简历:撞开信息点了解他的项目,还能收集成就、给别的访客留"悄悄话"。据专访,它吸引了 40 万访客,拿了 Awwwards 2026 年 1 月的月度最佳。代码全开源,连 Blender 源文件都在里面。

我的观点:简历的终极形态不是 PDF,是一个世界。当所有人都在卷排版的时候,有人直接把"了解我"变成了一次 10 分钟的游览。这就是降维打击。

threejs-bruno-simon.webp

访问网站

Expeditione

则是一个人的"笨功夫"。

独立开发者 solo 了 1000 多个小时,做了一套"互动 3D 百科全书"。第一卷免费开放三个"远征":钻进地下五层土壤、走进古埃及(还有一只毒舌猫当导游)、钻进细胞内部。无广告、无需登录、无付费墙,作者承诺前三卷永久免费,整站只有约 1MB。它拿了 Product Hunt 日榜前三,上线后覆盖了 70 多个国家,还被拿来和卢浮宫、史密森尼的虚拟博物馆并列推荐。

AI 时代最缺的不是生成能力,是愿意为一件事花 1000 小时的轴劲。这种"轴",AI 替代不了。

threejs-expeditione.webp 访问网站

Messenger

是治愈系。

一颗可以完整走一圈的迷你水彩星球,你扮演小小邮递员给居民送信,还会偶遇全球真实玩家用表情打招呼。整个游戏最小 5.7MB,拿过 Awwwards 每日最佳,还被 Rock Paper Shotgun 和 Pocket Gamer 专门报道过。

网页 3D 的"社交性"被它做成了最轻的样子:不用加好友,偶遇本身就是社交。

threejs-messenger.webp 访问网站

Equinox

是法国工作室的第一人称太空求生互动故事,横扫 FWA 月度最佳、FWA 和 Awwwards 每日最佳,外加 Awwwards 开发者奖——"网页 3D 讲故事的天花板"。 threejs-equinox.jpg

The Monolith Project

像看科幻短片一样刷网页,13 个场景从手绘草图渐变为全打光 3D 世界,致敬《2001:太空漫游》,FWA、Awwwards、CSSDA 拿了个遍。

threejs-monolith.webp

冷门但有趣的:想法比热度更热

Mola Zone

法国音乐人 Yamê 把整张专辑《Ebêm》做成了一个可探索的 3D 世界。

你降落在一个旋转平台上,他骑着摩托带你穿过 沙漠、森林、宫殿,还能跳上摩托玩一段小游戏、找彩蛋。如实说,我没找到任何独立媒体报道过它,热度上它是冷的。但想法是热的:当"专辑"变成"地方",音乐宣发就有了新范式。以后歌手的官网要是不"可逛",都不好意思发专辑。

threejs-mola-zone.webp

Jay Ransijn 的可玩 3D 世界

15 年经验的设计工程师没写简历,做了一个 3D 小世界请你进来玩。

遛狗、骑车、找隐藏的汽车,扳动杠杆还有乐队现场演奏;撞到他前东家的 logo 还会把它们撞飞。同样没找到独立报道,但和 Bruno Simon 异曲同工:"反简历"正在成为设计师的新简历。

threejs-jay-ransijn.webp

Slash Saber

开源的 Three.js 砍竹子小游戏。

鼠标挥刀劈开飞来的障碍物,刀光轨迹、粒子特效拉满。GitHub 73 star,代码和 Blender 源文件全开源。想学 Three.js 做游戏,直接看它的仓库就行——最好的教程是能玩的源码。

threejs-egghunt.webp

Egg Hunt

巴黎老牌网页游戏工作室做的 3D 计时小游戏。

在悬浮岩石间冲刺抢金蛋,一局 1 分钟,"再来一局"停不下来。也拿过 Awwwards 每日最佳。碎片时间的甜点,就该是这个体量。

threejs-slashsaber-static.webp

NASA Eyes

NASA 官方的浏览器 3D 可视化。

150 多个真实任务的数据驱动:看旅行者号从 1977 年飞到今天、跟毅力号体验"恐怖 7 分钟"着陆、追踪 3 万多颗近地小行星,时间轴能从 1950 拉到 2050。没找到公开访问量数据,但"NASA 官方"四个字就是背书。

这是最硬核的科普:真实数据本身,就是最好的 3D 内容。

threejs-nasa-eyes.png


写在最后

这 10 个看下来,我越来越确信一件事:网页 3D 的竞争,已经从"谁技术强"变成了"谁想法好"。

以前,会写 shader 的人少,能做出上面这些效果的人更少,技术本身就是壁垒。现在 AI 能写 Three.js、能写 TSL,体力活被接管了,壁垒只剩下你想做什么。

Bruno Simon 想的是"简历何必是纸",Expeditione 的作者想的是"百科全书何必是文字",Yamê 想的是"专辑何必只是声音"——每一个"何必",都是一次降维打击。

对独立开发者来说,这是最好的时候:一个人、一句话、一个浏览器,就能交付一个以前需要团队才能做出来的 3D 世界。

「好想法,值得被看见。」——这 10 个里,你最想先点开哪个?或者你还见过什么惊艳的网页 3D,评论区告诉我。带着链接来,咱们一起逛。

文中提到的产品与网站

One Take,一家之言。以上是作者的个人体验与判断。