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

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

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

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

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

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

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

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

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