Game Engines
› Unreal Engine
› MyCryENGINE
jamfer

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

  •  
  •   jamfer · Sep 16 · 5073 views
    This topic created in 47 days ago, the information mentioned may be changed or developed.
    一直很喜欢玩游戏,也对游戏开发很感兴趣,但我有点不一样,非常钟爱 web 方向。从最早玩 webgl ,到后来的 webgl2 ,再到 webgpu ,都非常感兴趣。所以也一直在探索,原生 web 游戏的画面到底能做到什么程度。最近做了两个 demo ,感觉距离我理想的画面更进一步了,下面献丑了:

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







    44 replies  •  2026-09-28 11:42:34 +08:00
    Xbathy
    Xbathy
    Sep 16
    1
    相当可以阿
    coolxll
    coolxll
    Sep 16
    2
    这个很厉害啊,像我的世界一样
    coolxll
    coolxll
    Sep 16
    3
    两个地图怎么切?
    jamfer
    jamfer
    OP
    Sep 16
    4
    @coolxll 是的,第二个就是仿照 mc 做的,加了一些效果
    qazzhouwei123
    5
    感觉这种类 MC 的风格有些取巧,直接对标 UE5 的效果,应该更能体现性能和画质
    jamfer
    jamfer
    OP
    Sep 16
    6
    @qazzhouwei123 不是一个体量的东西。web 上的终归只是玩具而已,而且还要考虑容量带宽等问题。
    Yukiteru
    Yukiteru
    Sep 16
    7
    在有 webgpu 的现在理论上是可以做到与原生游戏相差无几的画面级别的,主要瓶颈是浏览器给的内存太少了
    Shaar
    Shaar
    Sep 16
    8
    很好奇,你这个是怎么拼地图的
    ayelky
    ayelky
    Sep 16
    9
    AI 可以加速这种吗?
    jamfer
    jamfer
    OP
    Sep 16
    10
    @Shaar 两种做法。1.分开加载地图,切换地图的时候 loading 。2.做一个大地图,但是远景用低模,只有近景才加载精模
    safilar
    safilar
    Sep 16
    11
    @jamfer #10 这玩意我感觉比较适合以后做漫剧建模用,直接用那个 blender ,我感觉效果不是很好,类似以后做成,虚拟横店影视城一样。
    tianjiyao
    tianjiyao
    Sep 16
    13
    看着不错挺好的,支持 OP
    valord577
    valord577
    Sep 16
    14
    海港那个图禁止不动时候的占用: Apple M4 三个 GPU 核心 每个核心 70%+
    valord577
    valord577
    Sep 16
    15
    #14 typo: 静止不动
    jamfer
    jamfer
    OP
    Sep 16
    16
    @valord577 手边没有苹果设备,跑起来流畅否?
    gitlight
    gitlight
    Sep 16
    17
    瘫坐眩晕了
    andyskaura
    andyskaura
    Sep 16❤️1
    18
    https://vc.quenqsvicecity.com/ 现在的小朋友,在网页都能玩罪恶都市了
    lozzow
    lozzow
    Sep 16
    19
    @safilar 这个想法真不错啊
    Exia
    Exia
    Sep 16
    20
    相当好啊,这种与以前见过几十 kb 做出来的游戏比赛,是不是差不多的呢?不太了解。
    iulo
    iulo
    Sep 16
    21
    很棒啊,楼主加油
    root71370
    root71370
    Sep 16
    22
    太阳怎么一直是在海平面上的,没有从海中上升的动画
    chashao
    chashao
    Sep 16
    23
    @valord577 #15 静止不动也得每帧完整渲染的
    root71370
    root71370
    Sep 16
    24
    @jamfer M2 跑起来很流畅
    qishua
    qishua
    Sep 16
    25
    太强了
    zong6
    zong6
    Sep 16❤️1
    26
    按道理说现在以 WebGPU 的标准,可以实现各类游戏引擎一样的效果,乃至 3A 大作,但是任重道远
    knva
    knva
    Sep 16
    27
    web 做太精细主要是带宽不够
    zsk425
    zsk425
    Sep 16
    28
    很不错,希望有一天可以玩到你的游戏
    mumuwen
    mumuwen
    Sep 16
    29
    大佬啊,模型是怎么做的?都是自己手搓的吗
    jamfer
    jamfer
    OP
    Sep 16
    30
    @mumuwen 部分手搓,部分 AI
    jamfer
    jamfer
    OP
    Sep 16
    31
    @knva 是的,带宽是一方面,内存也是一方面
    liuliuliuliu
    32
    不是有一个网页版的 lol
    x86
    x86
    Sep 16
    34
    @andyskaura #18 比我以前电脑玩的画质还好
    valord577
    valord577
    Sep 17
    35
    @jamfer #16 流畅的 不卡顿 就是 GPU 占用乍一眼看着有点高
    misaka19000
    36
    dxcqcv
    dxcqcv
    Sep 17
    37
    很不错,都用 three.js 来做吗?
    wanguorui123
    38
    好像我的世界
    jamfer
    jamfer
    OP
    Sep 17
    39
    @dxcqcv 原生 JS 哈
    jamfer
    jamfer
    OP
    Sep 17
    40
    @misaka19000 问了一下 AI ,说是和你的 MetaMask 拓展冲突了( MetaMask 会向网页注入钱包接口,因此即使网站没有钱包功能,也可能出现扩展相关报错。)。你可以先禁用一下再打开试试。
    0X00FFFF
    0X00FFFF
    Sep 17
    41
    i: Failed to connect to MetaMask
    干嘛啊你
    metalvest
    metalvest
    Sep 18
    42
    让 AI 借 OP 的场景做了个实时光影,帧率马上掉到个位数,不过也有可能是因为浏览器没调独显,哪位独显跑一下看看

    https://cybercity.space-z.ai/
    KisekiRemi
    43
    web 最限制用户的就是网络、带宽和 CPU/内存了,前两者还不可控(成本容易打爆)、后者也得一直扣细节,做正规游戏的 ROI 不高不说,还不如海外低成本黄油赚钱。
    zakest
    zakest
    Sep 28
    44
    前面三张图的效果的确很可以
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5466 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 80ms · UTC 02:45 · PVG 10:45 · LAX 18:45 · JFK 21:45
    ♥ Do have faith in what you're doing.