发布支持VR的Web3D内容

2024-05-11 00:04:07

基于WebGL的Web3D也可以有VR体验，只要可以在Web端应用中做到以下两点即可：

可以在Web端中得到VR设备的各种状态，比如头显或显示设备的位置、朝向以及其它的运动姿态等
可以将Web端中显示和渲染的内容通过合适的方式送往头显或显示设备

针对上述两点，在不同的Web内容的实现中有不同的方法，主要分为以下三种：

1. 基于Html5+js开发的Web3D内容

对于此类Web内容，使用WebVR.js的库来实现。

WebVR.JS是由Mozila和Google联合开发的一个针对Web端的VR库，目前还正处于实验阶段。其中提供了基本的js对象，可以获取无差异的VR设备状态，比如在设备是Oculus或HTC Vive时，会得到对应的头显的位置、朝向以及姿态等，进而用这些信息控制Web3D中的摄像机以便来进行渲染；同时，对于移动VR设备，其会获得设备的陀螺仪状态来控制摄像机的属性。渲染的结果也会根据不同的VR设备以不同的方式向目标端进行传送，比如Ocolus/Vive会以双眼视角分别渲染之后传向设备，而对于移动VR设备则会渲染左右眼到同一屏之后传向终端。

关于WebVR.js库在具体实践中的具体使用方法会在下一篇博文中来介绍。

示例

2. 基于Unity引擎开发的Web内容

对于使用Unity引擎开发的Web内容，可以使用第三方的插件：Unity-WebVR-Assets。

在Unity的项目工程中导入该插件之后，将其中的WebVRCamera.prefab添加到工程中，用来调整原始的Camera，之后再来进行常规的Unity->Html5内容的发布即可得到具有VR支持的Html5内容。

3. 基于Unreal或其它自研引擎开发的Web内容

对于此类内容可使用Emscripten来进行Web化。同时，最新的Emscripten中已经添加了对于VR的支持，使用此特性之后生成的Web内容也可以得到VR化。

上述三种方法可以实现几种主流Web3D内容对VR的支持，但是目前三种方法都仍处于开发与实验阶段，都不是很稳定而且也存在相应的bug，请大家使用时审慎。

发布支持VR的Web3D内容相关推荐

VR普及成视频主流，TSINGSEE青犀视频云服务将从EasyPlayer.js播放器支持VR播放启动VR研发
VR+行业是下一代计算平台的应用发展趋势,VR与视频直播的结合更是未来的主流方向.为了使各行业快速应用VR视频,TSINGSEE青犀视频正在着力研发关于网页视频VR播放的新项目,打造新型的VR视频云服 ...
发布全新VR互动体验：VeeR让创作者回归创作本身
作为全球VR垂直领域内容体量最丰富.专业性最强的平台之一,VeeR自从宣布从VR视频平台正式升级为环球VR内容社区后,已经有来自全球180+个国家的5W+内容创作者入驻. 8月17日,环球VR内容社区 ...
提升普适性，阿里云官方SDK发布支持Go语言SDK
摘要: 日前,阿里云官方SDK发布支持新语言--Go 语言SDK,意味着90%以上产品可以随时生成并发布Go SDK,给Go语言的开发者使用. 此次阿里云发布支持Go SDK的新功能,可以让Go语言开 ...
美通社企业新闻汇总 | 2019.2.27 | 中国大学名次在世界大学排名中继续攀升；吉利2021年发布支持5G量产车型...
要闻乐高集团2018全年收入同比增长4%,中国取得收入两位数增长 PSA标致雪铁龙集团2018年营收740亿欧元,增长18.9% 吉利联手高通2021年发布支持5G和C-V2X的量产车型猫途鹰公布 ...
vue固定资产管理系统_Java 开源办公开发平台 O2OA V5.1.1 发布 | 支持 Vue、React、Angular...
Java 开源办公开发平台 O2OA V5.1.1 发布 | 支持 Vue.React.Angular 作者:无时间:2020-07-02 10:48:24 O2OA提供了门户平台,使用可视化方式设 ...
坐在家里攀登珠峰！《Everest VR》带你看VR旅游冒险内容的未来
既然之前调查显示大家对VR旅游和冒险很感兴趣的,今天我们就从<Everest VR>体验中看看VR旅游的未来. 还记得我们之前报道过的Greenlight VR关于VR 内容的调研文章吗, ...
gcc c语言标准,GCC 7.1发布支持当前所有的C ++ 17标准
原标题:GCC 7.1发布支持当前所有的C ++ 17标准作者 | Jakub Jelinek 翻译 | 雁惊寒 GCC(GNU Compiler Collection,GNU编译器套件),是由G ...
华为：即将发布5G+VR的颠覆式智能眼镜
来源:VR每日必看 6月27日MWC19上海期间,华为手机业务总裁何刚在全球终端峰会发表演讲,提及华为终端在5G时代的全场景战略是"1+8+N"."1"就是华为 ...
计算机网络hdcp是什么意思,4.HDCP:支持高带宽数字内容保护协议HDCP
2.HDCP:支持高带宽数字内容保护协议HDCP HDCP是High-bandwidth Digital Content Protection的缩写,中文就是高带宽数字内容保护协议,它是英特尔开发的为 ...

最新文章

热门文章