作者|  阿里文娱无线开发专家 王璟瑶

责编 | 夕颜

出品 | CSDN(CSDNnews)

行业现状

实景VR目前的行业应用案例逐渐增多,在使用720°全景相机拍摄,部分厂商基于多实景照片进行多叉数建模,在链家等房产行业获得广泛应。在票务行业,场馆选座的国内外的同类产品中也有试点落地,国外的有TicketMaster、Stubhub等,国内尝试落地的有摩天轮,针对大型场馆,目前的实现思路偏向于使用3D建模+后渲染输出基于 ECB 的全景照片,下发后用于大前端多端展示。

大麦解法

大麦落地全景VR主要是为用户的选座决策提供辅助和沉浸式体验,目前综合考虑选座页面用户交互和落地成本,采用大场馆建模+全景渲染和小场馆实景VR拍摄节奏。

2.1 落地策略

  • 大场馆-3D建模+渲染

  • 小场馆-实景VR

2.2 建模全链路流程

场馆建模经过输出白模、材质纹理贴图等流程进行输出建设,基于经典 3dmax 进行近似建模。

2.3 全链路流程

整体流程按大节点分成:建模/拍摄→ 生产→ 选座基础平台→ 大前端主要环节,建模部分目前使用 3dmax 的常规方案,并调研基于3D激光雷达 + SLAM 的量产方案。

3D场馆

3.1 模型纹理加载

针对建模输出的场馆模型,3dmax 导出后容量在50M~200之间,采用 glTF 模型压缩,再配合 LOD 多层次细节纹理,可有效提升基于 three.js 的超大纹理场馆的打开速度。

LOD效果图展示

VR

4.1 VR Engine

VR整体方案选择使用基于 ECB 球体坐标的投影方案,渲染合成 2:1 的全景图片,图片本身经过 moz-jpeg压缩、智能降噪和超分重建,供 VR Engine渲染,也为为全景图片展示秒开打下基础。大前端 VR Engine层面,App侧android/ios较为成熟,选用 google/apple 自带方案,h5侧 engine 性能和集成度差异较大,调研了目前市面上常见的几款 engine,最终选择使用  Pannellum 作为首选引擎。支持罗盘指示、全景漫游、全景标注、多清晰度等扩展功能。

VR视图及优化

透视视图、鱼眼视图、立体视图、建筑视图、潘尼尼观、小行星等。GVR进行了优化封装,包括但不限于:

a. 镜头失真校正(Lens distortion correction)

b. 空间音频(Spatial audio)

c. 头部跟踪(Head tracking)

d. 3D校准(3D calibration)

e. 并排渲染(Side-by-side rendering)

f. 立体几何配置(Stereo geometry configuration)

g. 用户输入事件处理(User input event handling)

全链路量产

全面落地,需要建模和拍摄的场馆较多,针对VR落地应用,需要进行量产操作,按照梳理,核心步骤大致分为以下几步:

→ 拍摄:专业camera + 大麦B端  =  遥控拍照 + 携带座位信息

→ 生产:绑定、fov倾角计算、压缩、超分重建)

→ 选座基础平台: 底图保护-暗水印、流式加密)

→ 大前端:三端 VR Engine、渐进式加载、流式加密

总结

针对上线的图片,进行了合成优化以及基于Lanczos/hpx的图像压缩,以及流式密码加密,以保障用户的秒开和数据安全。3D/VR的持续建设是智慧场馆重要的一环,也为用户购买决策提供了可视化手段,量产阶段后继续探索基于大场景点云渲染建模和商业化营销能力,以期为用户带来更好的沉浸式体验。

【End】

《原力计划【第二季】- 学习力挑战》

正式开始

即日起至 3月21日

千万流量支持原创作者

更有专属【勋章】等你来挑战

推荐阅读 

☞华为或将推出“华为搜索”;飞书回应微信指控;Fuchsia OS 进入开发者试用阶段 | 极客头条

☞那些神一样的程序员

☞超30亿人脸数据被泄露,美国AI公司遭科技巨头联合“封杀”

☞狂赚 1200 亿,差点收购苹果,影响千万程序员,那个叫做太阳的公司却陨落了!

☞AWS还是Firebase?在移动应用后端应该使用哪个?

☞两成开发者月薪超 1.7 万、算法工程师最紧缺!| 中国开发者年度报告

你点的每一个在看,我认真当成了喜欢

酷炫的VR选座,阿里大麦背后的技术堪称豪华相关推荐

  1. andriod 打造炫酷的电影票在线选座控件,1比1还原淘宝电影在线选座功能

    本篇文章已经授权微信公共账号 guolin_blog(郭霖)独家发布 不知道大家有没有跟我一样的感觉,看了那么多的介绍自定义控件原理.事件分发机制的书籍,文章,教程,依然还是不能随心所欲的自定义控件. ...

  2. 酷炫的多选方案,拒绝重复劳动

    先上图,看看今天开什么车,坐稳咯.拖拉机即将超速行使,请系好安全带! MultiSelector.gif MultiSelecter 先来分析一下android中会遇到哪些选择方面的需求: 单选--这 ...

  3. VR如何实现?虚拟现实背后的技术

    虚拟现实(VR)经过近年来的狂热追逐,随着其中所面临的一系列问题,让各界人士都趋于理性,但是一些投资者仍在坚持一种愿景,即如果可以解决技术问题,VR有一天可以取代移动设备. VR的工作原理 虚拟现实主 ...

  4. (附源码)app电影选座订票 毕业设计 011439

    摘  要 随着现在网络的快速发展,网络的应用在各行各业当中它很快融入到了许多商家的眼球之中,他们利用网络来做这个电影选座的网站,随之就产生了"电影选座订票系统",这样就让用户电影选 ...

  5. (附源码)电影选座订票app 毕业设计 011439

    摘  要 随着现在网络的快速发展,网络的应用在各行各业当中它很快融入到了许多商家的眼球之中,他们利用网络来做这个电影选座的网站,随之就产生了"电影选座订票系统",这样就让用户电影选 ...

  6. (附源码)springboot电影选座订票app 毕业设计 011439

    摘  要 随着现在网络的快速发展,网络的应用在各行各业当中它很快融入到了许多商家的眼球之中,他们利用网络来做这个电影选座的网站,随之就产生了"电影选座订票系统",这样就让用户电影选 ...

  7. 基于Android的电影选座订票系统毕业设计源码011439

    摘 要 随着现在网络的快速发展,网络的应用在各行各业当中它很快融入到了许多商家的眼球之中,他们利用网络来做这个电影选座的网站,随之就产生了"电影选座订票系统",这样就让用户电影选座 ...

  8. d3 svg path添加文本_10 倍高清不花!大麦端选座 SVG 渲染

    作者 | 阿里文娱无线开发专家 波涛 责编 | 夕颜 出品 | CSDN(ID:CSDNnews) 背景介绍 用户在大麦上购票,需要自行选座.在大型场馆下,如何让 10 万+座位绘制达到闪开?这需要技 ...

  9. 10 倍高清不花!大麦端选座 SVG 渲染

    作者 | 阿里文娱无线开发专家 波涛 责编 | 夕颜 出品 | CSDN(ID:CSDNnews) 背景介绍 用户在大麦上购票,需要自行选座.在大型场馆下,如何让 10 万+座位绘制达到闪开?这需要技 ...

最新文章

  1. 阿里云重磅推出物联网安全运营中心Link SOC
  2. CentOS 6.3 64bit 搭建vsFTP服务
  3. catia如何测量毛料尺寸_浅谈线束尺寸测量基准点的定义
  4. maven web项目保存log4j日志到WEB-INF
  5. 请求参数绑定实体类型
  6. deactivate_sending在创建新的table entry时的作用
  7. 两个文件比较之comm命令
  8. android sqlite 查询时间,android – sqlite日期查询
  9. C语言之文件读写探究(五):rewind、ftell、fseek(文件指针偏移)
  10. java监听器演示样例
  11. jdbc中mySQL语句单双引号_JDBC: 执行MySQL语句时,bit类型的数值在java代码中应该怎么表示?...
  12. network 关于PV,网站访问量和服务器带宽的选择
  13. oracle中文转全拼音,oracle汉字转拼音
  14. 逻辑回归之ROC曲线的绘制
  15. 开机黑屏显示html,开机黑屏显示“This Product is covered by”解决方法
  16. TiDB 的现在和未来
  17. pdf太大怎么压缩大小?pdf文件压缩后还是太大怎么办?
  18. kodexplorer可道云插件之控制台
  19. mysql mha for rhel5_MHA–master在线修复
  20. 调岗调薪带来的法律风险

热门文章

  1. 词典 (noi OpenJudge)
  2. HDU 4722 Good Numbers 2013年四川省赛题
  3. LeetCode 229 : Majority Element II
  4. SQOOP 导出Hive数据到MySQL
  5. WIndows10下 MySQL 5.7(社区版)安装
  6. install常见问题
  7. 数值分析(第五版) 第一章知识点总结
  8. Pytorch torch.manual_seed()的简单用法
  9. vs需要迁移_【迁移指南】从Web开发者到Flutter开发者
  10. 剑指Offer之寻找链表中环的入口问题