«

我的 Web 3D 世界梦

时间:2026-7-16 00:53     作者:独元殇     分类: WebGL


欢迎关注我的公众号,名叫「串串狗小刊」

我也不知道为什么,网页上的 3D ,也就是 Web 3D,始终是一个小众的领域。WebGL 和 WebGPU 不太可能火,只有 threejs 和 babylonjs 可能会火点。

明明多么有趣的一个名词,在一些计算机名词介绍里,webgl 和 webgpu 竟然被列为最最生僻的那一章节里。

当然,我是个前端工程师,但是我业余也喜欢研究 Web 3D ,去年也略微自学过一点 Webgl 。

今天我想写一篇小文章,来.... 也可能是纪念一下,我一年以来的 WebGL 研究。因为我在它上面花费了大量时间,但是我却不知道未来会不会将它做成一个真正盈利的产品。

我很小时候,偶然见到一次别人玩 GTA 罪恶都市,我就爱上了那种感觉。电脑屏幕在此之间一直是 2D 的,但是这个游戏做到了能在里面行走,能在不同建筑物之间穿越,太美了。对于 ADHD 来讲,绝对是超级的痴迷。即便再无聊,也会有很强的注意力锚在上面。

当然,很多的 3D 的 3A 大作游戏,都对这个 3D 做的很好。但是都太重了。我一直有一个梦想,就是在浏览器上,秒加载一个三维世界。

想想看,打开浏览器,敲一个网页,马上就进入一个跟 GTA 一样的 3D 世界,是不是很爽。就跟人们宁可在地下走廊走来走去坐地铁(哪怕要中转),也不肯在公交车站等 15 分钟公交车。我这个 ADHD 对平面世界痛恨不已!

(当然,后来我实现了)

我好想有一个 3D 世界,让我能在里面的各种桌子、书柜、置物架、房屋角落放些我自己收藏的图片、音乐、网站、三维模型.... 即便是我在二维的各种文档网站里点 5 下鼠标就能找到,但是我在 3D 世界里却要奔跑和走路 20s 才能找到,我也愿意。(况且人脑更喜欢记忆空间,不喜欢记忆抽象)

而且最主要的是,这个世界只有百 kb 左右大小,秒加载。这个项目,我后来命名其为 Open World Zone 。

但没想到,我竟然整整花了一年时间在上面,而且还没做完。

我先是遇到了 w js 这个只有 2kb 的 webgl 库,去年 5 月份我业余时间研究这个库,然后 6 月份捣鼓了一个叫 openworld-js 的库。

仓库地址: https://github.com/kohunglee/openworld-js

然后 7 月初,我使用它捣鼓了一个叫做《赛博城寨》的小 3D 项目。

笔记系统《赛博城寨》,让你在 WebGL 生成的三维开放世界里写字

反正我个人觉得很有意思。当然,也不成熟:

img

每块方块的每个面上,都可以写一些笔记:

img

这是一个很巨大的世界,里面错综交错,非常的有意思。

img

我有时候无聊了,就会在里面逛来逛去。它是伪随机数生成的世界,也就是每次刷新,其实都一样。因此,我对里面的路线和构造,还是比较熟悉的。

我原来以为是开始,但没想到,这是巅峰了。即便我在 openworld-js 上优化了一年,其实基本上还是这个样子。

后来也开始捣鼓建筑搭建器。没想到一个小小的面板,我写了一个月!

img

后来我换了个世界,用刚写的建筑器,一点点搭建了一个图书馆,三维的大型图书馆。后来在知乎上也火了一下的... 其实也没有名字的一个图书馆。而且可以多人在线!

img

img

play 地址是: https://ow.ccgxk.com/demo/house

哈哈,火的那几天,我就在那个界面开着。没过一会儿,就会有一个朋友过来,然后在里面逛一下。几天时间,来了几千个客人!

那时候很开心。以为我终于可以做点什么。

之后,我就又优化底层的逻辑,搞了一个几千个图书馆,在一个地图里的图书馆之城!每个都是靠近了才会加载.... 非常壮观!

img

因为我当时想的,就是构建一个秒加载的 3D 大城市,里面可以有很多用户注册、认领地皮,然后往里面放很多有意思的东西。

但是.... 后来因为工作忙。一直没怎么整理过。

到了今年 4 月,我把它又完善了一下,又设计了两个新建筑。这次主要是可以真正的记录笔记了!

img

img

img

img

img

我的小梦想算是实现了。

我基于它做了一个 SaaS 网站,当然,因为我实在找不到关于它的好关键词,所以它其实很可能不会火。

地址: https://openworld.zone/

示例: Open World Zone

在后台可以设置地图等等,不过配套都还没开发完毕.... 因为,它的开发很费事。

它是一个 webgl 的项目,不是 threejs 和 babylonjs 的,AI 写起来很费劲,大部分目前还必须是手搓。

一年的探索,就到这里了。

我的完整理念,我也整理过: 关于 openworld-js 驱动的 open world zone 的开发想法、思考

不知道,以后会不会有人喜欢这种概念。

怎么说,让我很难受的一点是, 我身边的人,对它的看法,全是 无聊、无用。甚至故意做出暗示这个很无聊的行为.....

它可是秒加载、超小体积、三维空间装载信息、对 ADHD 非常友好、比平面有意思多的3D 世界啊!大家真的非常喜欢平面网页吗?除了生产力、效率,真的就不觉得有一个属于自己的三维世界很酷吗?

大家觉得,未来有个这种理念的成熟的产品,会觉得有趣吗?

标签: 原创 webgl 3d

评论:
avatar
2broear 2026-07-16 16:45
可以做一个哪个,3d链接墙,申请了就可以被挂载3d世界