h5+3d+ar/vr综述

wsg25 wsg25     2022-12-28     597

关键词:

近年来,H5,3D,AR,VR逐步进入人们的视野,H5生动活泼,3D注重视觉效果,AR打造虚实结合,VR则更加注重虚拟现实的产生。

第一部分,案例展示:

  技术分享图片

  还原30年前核泄露事故,相比简单的H5,融入VR技术后,能让体验者切身感觉穿越回当时事发地,再次展示了事故的真实感。

  • H5+VR案例: 《梦幻水晶球》

  技术分享图片

  这个H5页面采用了3D的设计及重力感应等技术,给用户带来了完美的体验,同时为行业树立了全新的技术标杆。

  • 某公司汽车展示:

  技术分享图片

  技术分享图片

第二部分,开发引擎大观:

  不得不说的webgl:

  webgl:WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。

  WebGL完美地解决了现有的Web交互式三维动画的两个问题:第一,它通过HTML脚本本身实现Web交互式三维动画的制作,无需任何浏览器插件支持;第二,它利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。

  Top 10:HTML5、JavaScript 3D游戏引擎和框架(点击跳转)

  网上关于threejs的文章和示例比较多。

   技术分享图片

  除了上说的10中引擎外,还发现了一个白鹭时代

  Egret3D:https://egret.com/products/engine3D.html,其定位是:领先的HTML5移动技术与服务提供商。

  凭借深厚的技术底蕴和多年行业经验积累,白鹭时代自主研发了白鹭引擎(Egret Engine)、白鹭加速器(Egret Runtime)、骨骼动画工具(Dragon Bones)、可视化编辑器(Egret Wing)等产品。其核心产品白鹭引擎(Egret Engine)已占据国内超七成的手机页游引擎市场份额,白鹭加速器(Egret Runtime)已植入超 10 亿多台移动设备。白鹭时代提供白鹭游戏解决方案,服务游戏、应用、营销、教育、AR/VR等多元领域。目前白鹭全球活跃开发者有 20 多万人次,并与小米、360、腾讯、百度、猎豹、微软等多家公司达成合作。

第三部分,项目开发步骤:

  • 第一步是建立3D模型,例如宣传“唐三彩”,如果要结合3D,必须要有模型,目前获取模型的方式有3中,第一种是利用3D扫描仪,扫描获得;第二种是通过Autodesk 123D用照片合成3D模型;第三种就是自己通过3D max等建立模型;推荐使用第一种方案。
  • 第二步是选择一款合适的3D引擎,经过上网搜索,发现目前使用Three.js的项目比较多Three.js是另一个广泛应用并且功能强大的JavaScript 3D库,但不得不说的是,即使是使用较多的three.js,它的标准文档也不是很多。
  • 第三步是用HTML5+JavaScript编写驱动程序和其他界面等,在这一步我们结合第二步中应用的three.js,再导入第一步中建好的模型,就能达到3D展示的效果。

vr/ar软件—mirra测试(截至2017/11/13),使ar/vr创作更加便捷

...件观看拖拽式创作(无需编程)·资源:使用官网提供的3D模型、图片等资源;也可以从本地上传相应类型的资源支持的类型有3D模型、图片、video、360°全景、文本、 查看详情

Autodesk AR/VR Toolkit 请求在 Unity3d WEBGL 中不起作用?

】AutodeskAR/VRToolkit请求在Unity3dWEBGL中不起作用?【英文标题】:AutodeskAR/VRToolkitRequestnotworkinginUnity3dWEBGL?【发布时间】:2022-01-0321:01:47【问题描述】:当我想请求这一点时,我在Unity3dWEBGL中遇到错误:GET/modelderivative/v2/arkit/urn/scenes... 查看详情

苹果要用realityos作为ar/vr产品的操作系统?

...描述为专为游戏、媒体消费和通信而设计的“包罗万象的3D数字环境”。彭博社还表示,苹果传闻已久的AR/VR耳机在开发过程中遇到问题后可能会推迟到2023年。最初有传言称,苹果的AR/VR头戴设备将在2022年的 查看详情

ar,vr,gvr

虚拟现实与增强现实(眼镜或头盔)的现状与未来-简介http://blog.csdn.net/yanzhanyi/article/details/41982033 GoogleVR | GoogleDevelopershttps://developers.google.com/vr/https://developers.google.com/vr/android/htt 查看详情

ar/vr终究不能如facebook所愿替代手机和电视

原文标题:AR/VR终究不能如Facebook所愿替代手机和电视    上周Facebook 举行的F8开发者大会仍然在引起人们的激动,尤其是CEO马克·扎克伯格表达了对没有智能手机或电视机时代的看法。   虽然扎克伯... 查看详情

unityxrunity开发openxr

...VR和AR体验。它提供了一个框架,使Unity输入事件中的3D和UI交互可用。该系统的核心是一组基本的Interactor和Interactable组件,以及将这两种类型的组件联系在一起的InteractionManager。它还包 查看详情

来自 navisworks 文件的 AR / VR Toolkit 不完整模型

】来自navisworks文件的AR/VRToolkit不完整模型【英文标题】:AR/VRToolkitincompletemodelfromnavisworksfiles【发布时间】:2019-11-1920:57:06【问题描述】:我一直在寻找一种方法来优化/减少模型的网格,以便在我的手机上以AR显示大型/详细模型... 查看详情

头戴式ar/vr光学标定

文章:ASurveyofCalibrationMethodsforOptical See-ThroughHead-MountedDisplays作者:JensGrubert,YutaItoh,KennethMoser编译:点云PCL本文仅做学术分享,如有侵权,请联系删除。欢迎各位加入免费知识星球,获取PDF论文&# 查看详情

本周推荐|电商3d购物新体验:ar量脚和ar试戴背后的算法技术

...工程上精心设计量脚交互流程,算法上融合2d检测、3d重建来实现较为精准的量脚流程,并在一系列算法流程计算上,充分考虑到了算法效率,保证了用户体验,具有很实用的价值。——大淘宝技术算法工程师... 查看详情

最近一直听到别人说unity3d,这个东西具体是啥呢?大家知道吗

参考技术AUnity,又称Unity3D,是一款由UnityTechnologies研发的跨平台2D/3D游戏引擎。从2012年进入中国,历经多年的发展已经成为游戏圈不可或缺的游戏制作工具。可用于开发Windows、MacOS及Linux平台的单机游戏,PlayStation、XBox、Wii、3DS... 查看详情

mwc2017:s8缺席,三星祭出ar/vr项目救场

    原文标题:MWC2017:S8缺席,三星祭出AR/VR项目救场    继年初CES大会结束,一年一度的世界移动通讯大会MWC即将再度召开。这场全球最大的科技行业展会之一即将于2月27日至3月2日在西班牙巴塞罗... 查看详情

杀疯了!本科大神毕设:3d虚拟主播软件!独创ar直播!支持obs!开源!

...点作者描述:Across-platformreal-timevideo-drivenmotioncaptureand3DvirtualcharacterrenderingsystemforVTuber/Live/AR/VR.一种用于VTuber/Live/AR/VR的跨平台实时视频驱动运动捕获和三维虚拟角色渲染系统。(windows和mac用户可直接使用安装包体验,... 查看详情

扎克伯格15年邮件曝光:ar/vr平台全盘细节,谈收购unity的优势

...战略策略和VR对未来的影响等,揭露了但是Facebook在VR/AR方向上的全盘计划,同时曝光当时Facebook就有收购Unity的计划,值得一看。以下是摘要:1,Facebook目标是在下一代计算平台占据优势;2,收购Oculus... 查看详情

unity3dwindows平台基于3dwebviewforwindowsandmacos(webbrowser)插件打开内嵌网页支持ar/vr功能实现(代码片段)

前言之前Unity3d的程序在winpc上打开网页一般使用EmbeddedBrowser插件,也算是比较好用的,不过经过查找我发现3DWebViewforWindowsandmacOS(WebBrowser)插件也很不错。支持?VuplexVR/AR浏览器的相同代码,轻松地在Windows和macOS上以3D形... 查看详情

“元宇宙”概念引发ar/vr新一轮投资潮,去年q4融资总额达120亿,超过此前2年总和...

...人民币约120亿元),占全年总融资额的一半,AR/VR初创公司们最近真的是“赢麻了”。据Crunchbasenews统计,在刚刚过去的2021年第四季度,AR/VR初创公司的融资金额创下历史新高。△图源:crunchbasenews这使得202... 查看详情

26页综述,99篇参考文献!自动驾驶的3d目标检测技术!中国人民大学出品!

...1a;https://arxiv.org/abs/2106.10823这是2021年6月最新的3D目标检测综述,很有参考意义!大家对自动驾驶以及3D目标检测越来越关注:传感器的优缺点:3D目标检测流程这个表很重要往期推荐阅读:王博Kings:无人驾... 查看详情

2020厦门大学综述翻译:3d点云深度学习(remotesensiong期刊)

目录摘要1、引言:2、点云深度学习的挑战3、基于结构化网格的学习3.1基于体素3.2基于多视图3.3高维晶格4、直接在点云上进行的深度学习4.1PointNet4.2局部结构计算方法4.2.1不探索局部相关性的方法4.2.2探索局部相关性的方法4.3基... 查看详情

史上最全综述|3d目标检测算法汇总!(单目/双目/lidar/多模态/时序/半弱自监督)

史上最全综述|3D目标检测算法汇总!(单目/双目/LiDAR/多模态/时序/半弱自监督)2022-09-0209:06计算机视觉life”,选择“星标”快速获得最新干货本文转载自自动驾驶之心1摘要近年来,自动驾驶因其减轻驾驶员... 查看详情