一直在探索，原生 web 游戏的画面到底能做到什么程度

[jamfer]

一直很喜欢玩游戏，也对游戏开发很感兴趣，但我有点不一样，非常钟爱 web 方向。从最早玩 webgl ，到后来的 webgl2 ，再到 webgpu ，都非常感兴趣。所以也一直在探索，原生 web 游戏的画面到底能做到什么程度。最近做了两个 demo ，感觉距离我理想的画面更进一步了，下面献丑了：

放上其中一个演示，需要用 PC 浏览器才能打开： https://jamfer.com/cc/
PS：主要是用的 webgl2 ，所以对硬件要求并不高

[Xbathy]

相当可以阿

[coolxll]

这个很厉害啊，像我的世界一样

[coolxll]

两个地图怎么切？

[jamfer]

@coolxll 是的，第二个就是仿照 mc 做的，加了一些效果

[qazzhouwei123]

感觉这种类 MC 的风格有些取巧，直接对标 UE5 的效果，应该更能体现性能和画质

[jamfer]

@qazzhouwei123 不是一个体量的东西。web 上的终归只是玩具而已，而且还要考虑容量带宽等问题。

[Yukiteru]

在有 webgpu 的现在理论上是可以做到与原生游戏相差无几的画面级别的，主要瓶颈是浏览器给的内存太少了

[Shaar]

很好奇，你这个是怎么拼地图的

[ayelky]

AI 可以加速这种吗？

[jamfer]

@Shaar 两种做法。1.分开加载地图，切换地图的时候 loading 。2.做一个大地图，但是远景用低模，只有近景才加载精模

[safilar]

@jamfer #10 这玩意我感觉比较适合以后做漫剧建模用，直接用那个 blender ，我感觉效果不是很好，类似以后做成，虚拟横店影视城一样。

[InDom]

@coolxll #3 https://jamfer.com/mc/

[tianjiyao]

看着不错挺好的，支持 OP

[valord577]

海港那个图禁止不动时候的占用: Apple M4 三个 GPU 核心 每个核心 70%+

[valord577]

#14 typo: 静止不动

[jamfer]

@valord577 手边没有苹果设备，跑起来流畅否？

[gitlight]

瘫坐眩晕了

[andyskaura]

https://vc.quenqsvicecity.com/ 现在的小朋友，在网页都能玩罪恶都市了

[lozzow]

@safilar 这个想法真不错啊

[Exia]

相当好啊，这种与以前见过几十 kb 做出来的游戏比赛，是不是差不多的呢？不太了解。

[iulo]

很棒啊，楼主加油

[root71370]

太阳怎么一直是在海平面上的，没有从海中上升的动画

[chashao]

@valord577 #15 静止不动也得每帧完整渲染的

[root71370]

@jamfer M2 跑起来很流畅

[qishua]

太强了

[zong6]

按道理说现在以 WebGPU 的标准，可以实现各类游戏引擎一样的效果，乃至 3A 大作，但是任重道远

[knva]

web 做太精细主要是带宽不够

[zsk425]

很不错，希望有一天可以玩到你的游戏

[mumuwen]

大佬啊，模型是怎么做的？都是自己手搓的吗

[jamfer]

@mumuwen 部分手搓，部分 AI

[jamfer]

@knva 是的，带宽是一方面，内存也是一方面

[liuliuliuliu]

不是有一个网页版的 lol

[C64NRD]

https://hordes.io/

[x86]

@andyskaura #18 比我以前电脑玩的画质还好

[valord577]

@jamfer #16 流畅的 不卡顿 就是 GPU 占用乍一眼看着有点高

[misaka19000]

[dxcqcv]

很不错，都用 three.js 来做吗？

[wanguorui123]

好像我的世界

[jamfer]

@dxcqcv 原生 JS 哈

[jamfer]

@misaka19000 问了一下 AI ，说是和你的 MetaMask 拓展冲突了（ MetaMask 会向网页注入钱包接口，因此即使网站没有钱包功能，也可能出现扩展相关报错。）。你可以先禁用一下再打开试试。

[0X00FFFF]

i: Failed to connect to MetaMask
干嘛啊你