VR/AR 是否催生新一代的 Html 前端技术 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
James369
V2EX    程序员

VR/AR 是否催生新一代的 Html 前端技术

  • &bsp;
  •   James369 2021-12-13 17:04:35 +08:00 3294 次点击
    这是一个创建于 1405 天前的主题,其中的信息可能已经有所发展或是发生改变。

    元宇宙又一次带火了 VR/AR ,或者 MR 混合现实,下面干脆统称为 XR 得了。之所以把 XR 和前端进行比较,主要还是因为 XR 也算上一种前端模式。当然元宇宙的范畴太广了,涉及人工智能、大数据、区块链、5G/6G 等等,真可谓是集大成者。这里先不讨论这些复杂的后端技术,先来讨论下前端技术,毕竟 XR 虚拟现实最大的特点就是沉浸式体验,这也算是前端交互的一种。

    为什么互联网 Html 有搞头,因为互联网推崇开放的思想,现在即使很多大厂争相宣称要进军元宇宙,甚至要构建平台强占一席之地。虽然前期可能山头林立,但最终肯定走向开放的大一统。而这块也只有现在的互联网 Html 才能担当此重任。Html 作为开放的标准,以前只要申请一台主机,挂上域名,就能连入互联网。那么未来的元宇宙我认为也应该是这种模式,每个人都可以接入,每个人都是宇宙的创造者,也是宇宙的使用者。

    再回到前端技术上来,如果要在现有 Html 上承载 XR 虚拟现实,现有前端技术应该实现哪些技术突破呢?比如,可以承载大型 3D 场景,预加载技术,大量场景元素的缓存技术,沉浸式体验方面(如硬件传感技术)等等。

    欢迎探讨,说不定你能成为下一个尤雨溪,哈哈~

    17 条回复    2021-12-14 08:12:21 +08:00
    christin
        1
    christin  
       2021-12-13 17:09:50 +08:00 via iPhone
    那可真是太难为浏览器了
    James369
        2
    James369  
    OP
       2021-12-13 17:14:04 +08:00
    @christin 当前移动互联网不也类似,虽然原生开发如 iOS/Android 不断在发展,但是始终有各种各样的基于网页 H5 和 hybrid 混合开发框架层出不穷。导致都盖过原生开发的势头了。
    yaphets666
        3
    yaphets666  
       2021-12-13 17:17:24 +08:00
    没搞头,一是浏览器这块性能不行,二是 web 端不是重点突破方向,主要因为 web 端没办法窃取隐私
    Biwood
        4
    Biwood  
       2021-12-13 17:19:58 +08:00   1
    基于 html 的话,本地渲染 VR 界面应该没什么太大意义了,总归是跑在浏览器里,性能肯定不如原生应用,但是像谷歌的 Stadia 那种通过视频流传输 3D 画面可能性更高一些,目前 W3C 已经起草了 WebXR 设备 API ,FireFox 移动版已经支持在 VR 设备直接播放 VR 视频了
    参考 https://developer.mozilla.org/zh-CN/docs/Web/API/WebXR_Device_API
    James369
        5
    James369  
    OP
       2021-12-13 17:21:29 +08:00
    @yaphets666 我觉得你提的这 2 点都不是问题,性能开硬件加速就好,隐私也是通过开放底层接口就可以实现。 我觉得最大的问题是 3d 场景怎么快速流畅加载的问题。
    3dwelcome
        6
    3dwelcome  
       2021-12-13 17:22:27 +08:00
    理论上 VR/AR 是偏 Native 开发方面的,比如游戏开发。

    而前端工程师都是字符串拼接大师,别看各种框架花里胡哨,最终 JS 代码都是要拼成一大堆页面 DIV 的。

    两者的领域经验和知识积累都完全不同,很难进行转换。
    MakHoCheung
        7
    MakHoCheung  
       2021-12-13 17:24:20 +08:00
    还不如去专研苹果 ARKit ,元宇宙这股热潮还是要靠苹果来推向最高潮,不是我舔,VR/AR 最需要算力,移动芯片目前最厉害的还是苹果
    3dwelcome
        8
    3dwelcome  
       2021-12-13 17:25:42 +08:00
    “现有前端技术应该实现哪些技术突破呢?比如,可以承载大型 3D 场景,预加载技术”
    不可能的,你说的这些技术,都是强类型语言的特长,你让 JS 去干这个,实在太勉为其难了。

    目前主流的网页图形技术,很多都是强类型语言,翻译成 WASM 虚拟机后运行的,完全没前端 JS 什么事。
    gadfly3173
        9
    gadfly3173  
       2021-12-13 17:27:50 +08:00
    “虽然前期可能山头林立,但最终肯定走向开放的大一统。”
    HTML5+ES6+CSS3 看向了直接全套搬走再围个栅栏的各家小程序
    Pastsong
        10
    Pastsong  
       2021-12-13 17:30:41 +08:00
    @3dwelcome 指正 “WebGL”
    James369
        11
    James369  
    OP
       2021-12-13 17:32:43 +08:00
    @3dwelcome 没有什么不可能的,原来 android 上面还跑笨重的虚拟机,后来经过 AOT 预编译也解决了问题。我认为技术都是根据实际的需求不断发展和演变的,需求才是事物变化发展的内驱力。
    再比如 AI 人工智能领域,有了算法不够,再整一个框架,有了框架还不够,再整上 GPU 加速,有了 GPU 加速还不够,再整上神经网络 NPU 芯片。这是一个自顶向下,由外向内的整个体系的变革。
    yaphets666
        12
    yaphets666  
       2021-12-13 17:34:41 +08:00
    @James369 咋可能给你开底层接口,这是浏览器的设计思路呀,前端程序不能接触操作系统.
    3dwelcome
        13
    3dwelcome  
       2021-12-13 17:36:02 +08:00
    @Pastsong

    WebGL 对于现在的做 VR/AR 的大型游戏引擎来说,就只是一个发布运行平台,而不是开发平台。

    JS/TS 无论从各方面来说,你做个 3D 游戏 DEMO 没问题。要组织一个很复杂的游戏架构,还是相当困难的。

    不如用更加实际通用的游戏引擎,去正经开发。
    deplivesb
        14
    deplivesb  
       2021-12-13 17:40:49 +08:00   5
    这个 Html 看得我真的是高血压,要不然就 html ,要不然就 HTML 。这个 Html 。。。。
    864498233
        15
    864498233  
       2021-12-13 17:59:51 +08:00
    目前有 webgl 来整 3d 的,可以和显卡直接交互。也有 wasm 复用现有的 c 写的引擎,unity 就有人移植到 wasm 。但是这些我觉得都没云游戏那种顶用,直接传视频完事。
    israinbow
        16
    israinbow  
       2021-12-13 20:07:02 +08:00
    左看一眼 WebGPU, 右看一眼 Hololens, 再看一眼显卡需求:
    我浪! RTX 3090!

    技术好说, 用户用得起么.
    dorentus
        17
    dorentus  
       2021-12-14 08:12:21 +08:00 via iPhone
    VRML 了解一下
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2659 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 08:12 PVG 16:12 LAX 01:12 JFK 04:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86