• 请不要在回答技术问题时复制粘贴 AI 生成的内容
James369
V2EX  ›  程序员

现在前端对比较实时的场景能否胜任?

  •  
  •   James369 · Nov 27, 2023 · 3398 views
    This topic created in 902 days ago, the information mentioned may be changed or developed.

    很久没有接触前端了,不知道现在这块进展如何?

    且不说 3D 这块如 FPS 实时射击游戏需要在毫秒级进行响应。就说一下 2D 下的一些图形展示吧。

    比如,我现在有个页面需要展示 10 张图表(有饼图,直方图,折线图等),每张图表数据不超过 10 维/组,那么这 10 个图表,能否做到 100ms 刷新一次(重绘一次)?

    19 replies    2023-11-29 14:09:30 +08:00
    James369
        1
    James369  
    OP
       Nov 27, 2023
    补充一下:不是网络应用,是本地应用(基于 Tauri ,electron 这类的)
    timethinker
        2
    timethinker  
       Nov 27, 2023 via iPhone
    100ms 也就是 10fps ,轻轻松松呀,你看看 three.js 的效果,3D 都能搞,更别说只是 2D 了,很多图表的库都用 canvas 来做,webgl 渲染很快的。不过对于数据实时性要求高的肯定还是要网络支持,比如基于 udp 的 http3 。
    James369
        3
    James369  
    OP
       Nov 27, 2023
    @timethinker 好的多谢,看来有信心了
    tool2d
        4
    tool2d  
       Nov 27, 2023
    浏览器对于 js 运行时优化是很强的。

    我自己测试下来,本地 C++代码算法跑 0.3 秒,换到 wasm 跑 0.6 秒,换到 js 跑 1 秒。

    虽然不能和高度优化的本地代码比,但是处理普通业务都是完全没问题的。
    leedstyh
        5
    leedstyh  
       Nov 27, 2023   ❤️ 1
    可以自己去体验下 FPS 游戏

    https://fpsgo.net/
    pikko
        6
    pikko  
       Nov 27, 2023
    webgl 都已经是过去式了,现在已经是 WebGPU 的时代了,主流浏览器规范已经制定完了正在推进(就差 safari 了)
    https://codelabs.developers.google.com/your-first-webgpu-app?hl=zh-cn#0

    下一个十年,请看 web 引领全场
    hamsterbase
        7
    hamsterbase  
       Nov 27, 2023
    https://ys.mihoyo.com/cloud/#/

    可以试试看网页里玩原神。 有 60 帧
    iomect
        8
    iomect  
       Nov 27, 2023
    网易云游戏之前试用的时候玩 wow 有 30 帧 还算流畅
    iomect
        9
    iomect  
       Nov 27, 2023
    @iomect 补充一下是 web 版的云游戏
    kingjpa
        10
    kingjpa  
       Nov 27, 2023
    可以试试网易家的 3a 游戏, 性能爆裂,比我本地效果还要好, 虽然 web 可能只做显示,不做运算,但也是 web 端。
    ragnaroks
        11
    ragnaroks  
       Nov 27, 2023
    不说 GL 那些较新的技术,单纯 DOM 本身也不是 GDI/+ 能碰得了的,浏览器这个玩意真的是几代人的心血
    Aloento
        12
    Aloento  
       Nov 28, 2023
    @hamsterbase #7 云原神实际上是 Windows 套皮,换了个手机端的 UI ,然后串流
    Aloento
        13
    Aloento  
       Nov 28, 2023
    @ragnaroks #11 但凡有一个死循环就大寄特寄(说的就是微软
    MEIerer
        14
    MEIerer  
       Nov 28, 2023
    可以
    wangtian2020
        15
    wangtian2020  
       Nov 28, 2023
    用 electron 能自己控制 chromium 版本,最新版不是想干啥干啥,全世界几十亿人跑浏览器怎么会有性能问题
    nianyu
        16
    nianyu  
       Nov 28, 2023
    你不是很久没接触过前端了,你是压根没了解过好吧。更像是一个做需求的老板或者 TL ,面对团队中不确定的任务,来提问的。

    现在协同编辑软件都搞的定,你这 100ms 刷新一次有什么搞不定的
    James369
        17
    James369  
    OP
       Nov 28, 2023
    @nianyu 厉害,答对了一半。确实有几个候选在评估,还有 Qt 和 Flutter ,但我看前端最顺眼(轮子最多)。不过还差几项,比如本地存储能力,并行处理,动画表现力,C++互操作等。
    vacants
        18
    vacants  
       Nov 28, 2023 via iPhone
    @James369 本地存储 indexDB ,我司在用,并行处理 web worker ,动画不用说,C++ 交互 有 wasm 也很方便了
    ZGame
        19
    ZGame  
       Nov 29, 2023
    就 10 个图表.... echart 套套就行了,主要是看你硬件是啥吧....
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3128 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 68ms · UTC 11:20 · PVG 19:20 · LAX 04:20 · JFK 07:20
    ♥ Do have faith in what you're doing.