Game Engines
Unreal Engine
MyCryENGINE
jamfer

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

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

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







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

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