webvr

基于 HTML5 WebGL + WebVR 的 3D 虚拟现实可视化培训系统

孤者浪人 提交于 2020-02-27 23:05:58
前言 2019 年 VR , AR , XR , 5G , 工业互联网 等名词频繁出现在我们的视野中,信息的分享与虚实的结合已经成为大势所趋, 5G 是新一代信息通信技术升级的重要方向,工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流,当技术新星遇上制造潮流,无疑将成为制造业,工控业等行业数字化转型的重要驱动力。 “5G + VR + 工业互联网” 必将成为新的一年不变的话题,如何将当前工业中遇到的问题通过 虚拟现实 结合起来,让我们可以更近的去交流,去感受技术带给我们的变化。在今年苹果的发布会上,相信大家都知道苹果的 5G 手机没有问世,说明 5G 的应用和发展还处在快速发展的阶段,但是手机结合 AR 功能的 APP 已经早就问世, 5G 的速度加上 AR, VR 的身临其境,让我们感受到的不仅仅是技术的革新,更是让我们感受到技术在不同领域的实际应用场景,我相信 2020 年新的一年必定是 “5G + VR + 工业互联网” 应用的又一个新的开始,本文接下来所讲的就是 HT for Web 结合 WebVR 开发的具体应用案例。 系统预览 预览地址: 基于 HTML5 WebGL 与 WebVR 3D 虚实现实的可视化培训系统 http://www.hightopo.com/demo/vr-training/ VR 拆解还原 VR 操作 VR

基于 HTML5 WebGL + WebVR 的 3D 虚拟现实可视化培训系统

你。 提交于 2020-02-27 21:15:59
**前言** 2019 年 **VR**, **AR**, **XR**, **5G**, **工业互联网**等名词频繁出现在我们的视野中,信息的分享与虚实的结合已经成为大势所趋,**5G** 是新一代信息通信技术升级的重要方向,工业互联网是制造业转型升级的发展趋势。本文所讲的 **VR** 是机械制造业与设备的又一次交流,当技术新星遇上制造潮流,无疑将成为制造业,工控业等行业数字化转型的重要驱动力。**“5G + VR + 工业互联网”**必将成为新的一年不变的话题,如何将当前工业中遇到的问题通过**虚拟现实**结合起来,让我们可以更近的去交流,去感受技术带给我们的变化。在今年苹果的发布会上,相信大家都知道苹果的 **5G** 手机没有问世,说明 **5G** 的应用和发展还处在快速发展的阶段,但是手机结合 **AR** 功能的 APP 已经早就问世,**5G** 的速度加上 **AR, VR** 的身临其境,让我们感受到的不仅仅是技术的革新,更是让我们感受到技术在不同领域的实际应用场景,我相信 2020 年新的一年必定是 **“5G + VR + 工业互联网”** 应用的又一个新的开始,本文接下来所讲的就是 **[HT for Web](https://hightopo.com/)** 结合 [**WebVR**](https://developer.mozilla.org

基于 HTML5 WebGL + WebVR 的 3D 虚拟现实可视化培训系统

若如初见. 提交于 2020-02-27 12:09:50
前言 2019 年 VR , AR , XR , 5G , 工业互联网 等名词频繁出现在我们的视野中,信息的分享与虚实的结合已经成为大势所趋, 5G 是新一代信息通信技术升级的重要方向,工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流,当技术新星遇上制造潮流,无疑将成为制造业,工控业等行业数字化转型的重要驱动力。 “5G + VR + 工业互联网” 必将成为新的一年不变的话题,如何将当前工业中遇到的问题通过 虚拟现实 结合起来,让我们可以更近的去交流,去感受技术带给我们的变化。在今年苹果的发布会上,相信大家都知道苹果的 5G 手机没有问世,说明 5G 的应用和发展还处在快速发展的阶段,但是手机结合 AR 功能的 APP 已经早就问世, 5G 的速度加上 AR, VR 的身临其境,让我们感受到的不仅仅是技术的革新,更是让我们感受到技术在不同领域的实际应用场景,我相信 2020 年新的一年必定是 “5G + VR + 工业互联网” 应用的又一个新的开始,本文接下来所讲的就是 HT for Web 结合 WebVR 开发的具体应用案例。 系统预览 预览地址: 基于 HTML5 WebGL 与 WebVR 3D 虚实现实的可视化培训系统 http://www.hightopo.com/demo/vr-training/ VR 拆解还原 VR 操作 VR

基于 HTML5 WebGL + WebVR 的 3D 虚拟现实可视化培训系统

回眸只為那壹抹淺笑 提交于 2020-02-27 11:38:55
前言 2019 年 VR , AR , XR , 5G , 工业互联网 等名词频繁出现在我们的视野中,信息的分享与虚实的结合已经成为大势所趋, 5G 是新一代信息通信技术升级的重要方向,工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流,当技术新星遇上制造潮流,无疑将成为制造业,工控业等行业数字化转型的重要驱动力。 “5G + VR + 工业互联网” 必将成为新的一年不变的话题,如何将当前工业中遇到的问题通过 虚拟现实 结合起来,让我们可以更近的去交流,去感受技术带给我们的变化。在今年苹果的发布会上,相信大家都知道苹果的 5G 手机没有问世,说明 5G 的应用和发展还处在快速发展的阶段,但是手机结合 AR 功能的 APP 已经早就问世, 5G 的速度加上 AR, VR 的身临其境,让我们感受到的不仅仅是技术的革新,更是让我们感受到技术在不同领域的实际应用场景,我相信 2020 年新的一年必定是 “5G + VR + 工业互联网” 应用的又一个新的开始,本文接下来所讲的就是 HT for Web 结合 WebVR 开发的具体应用案例。 系统预览 预览地址: 基于 HTML5 WebGL 与 WebVR 3D 虚实现实的可视化培训系统 http://www.hightopo.com/demo/vr-training/ VR 拆解还原 VR 操作 VR

分享数百个 HT 工业互联网 2D 3D 可视化应用案例之 2019 篇

痴心易碎 提交于 2020-02-26 17:34:39
继《 分享数百个 HT 工业互联网 2D 3D 可视化应用案例 》2018 篇,图扑软件定义 2018 为国内工业互联网可视化的元年后,2019 年里我们与各行业客户进行了更深度合作,拓展了 HT for Web 在更多新领域的应用, 图扑软件 作为在工业可视化领域的一线重度参与者,我们觉得有必要将该话题作为系列文章,在此对 2019 年做个总结回顾和分享,依然希望:激发行业和学术工作者对可视化的深度思考,为推进国内工业互联网发展出份薄力! 2019 我们更新了数百个工业互联网2D/3D可视化案例集: http://www.hightopo.com/demos/index.html 3D 交互拆解发动机引擎 https://hightopo.com/demo/engine/ 3D 病毒模拟视觉试验台 https://mp.weixin.qq.com/s/tihkEPb3w9O9ciuIQlGsFw 3D 科技感风机: https://mp.weixin.qq.com/s/DB43Ye-CdcBCWTiIaxuSIg 3D 城市建筑群: https://mp.weixin.qq.com/s/L48aQPqYkS_EAqpDO1tWKw 3D WebVR 虚拟现实仿真培训 https://mp.weixin.qq.com/s/vpR7p6qZafLtWYvMZNMO5A

龙之谷手游WebVR技术分享

谁说我不能喝 提交于 2020-02-07 06:39:44
主要面向Web前端工程师,需要一定Javascript及three.js基础; 本文主要分享内容为基于three.js开发WebVR思路及碰到的问题; 有兴趣的同学,欢迎跟帖讨论。 目录: 一、项目体验 1.1、项目简介 1.2、功能介绍 1.3、游戏体验 二、技术方案 2.1、为什么使用WebVR 2.2、常用的WebVR解决方案 2.2.1、Mozilla的A-Frame方案 2.2.2、three.js及webvr-polyfill方案 三、技术实现 3.1、知识储备 3.2、实现步骤 3.3、工作原理 四、技术难点 4.1、程序与用户共同控制摄像头 4.2、多重蒙板贴图 4.3、镜头移动 4.4、3d自适应长度文字提示 4.5、unity3d地形导出 4.6、3dmax动画导出问题 五、完整的源代码及相应组件 一、项目体验 1.1、项目简介: 1.1.1、名称: “重历阿尔特里亚”——龙之谷手游手首发ChinaJoy2016预热VR小游戏 1.1.2、开发背景: 基于龙之谷手游具备的3D属性,全景视角体验,以及ChinaJoy首发的线下场景,我们和品牌讨论除了基于VR的线下体验项目。由于基于Web技术较好的兼容性、开发的高效性,我们采用了WebVR技术来实现整个体验。 1.1.3、使用WebVR优势: 1.1.3.1、普通web前端工程师可以参与VR应用开发,降低了开发门槛

Web 虚拟现实框架 A-Frame

时光怂恿深爱的人放手 提交于 2020-02-02 05:48:51
Web 虚拟现实框架 A-Frame A-Frame 是 Mozilla 开源的网页虚拟现实体验( WebVR )框架,可用于桌面、iPhone(即将支持安卓)以及 Oculus Rift。A-Frame 可以让创建 WebVR 体验变得更简单。 A-Frame 是一个用于构建虚拟现实(VR)体验的web框架。A-Frame是基于HTML的顶部,使它很容易开始。但 A-Frame 不仅仅是一个3D场景图或一种标记语言; 核心是一个强大的实体组件框架,它为 three.js 提供了一个声明性的、可扩展的和可组合的结构。 <html> <head> <script src="https://aframe.io/releases/1.0.3/aframe.min.js"></script> </head> <body> <a-scene> <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box> <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere> <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a

CORS error when I load image from another server inside a-sky tag

拥有回忆 提交于 2020-01-11 12:31:49
问题 I am trying to to use a texture from my own hosted webserver but putting it into the asset-item tag I get the following error. > Access to Image at 'http://192.168.137.1:3000/cat2.jpg' from origin > 'http://localhost' has been blocked by CORS policy: No > 'Access-Control-Allow-Origin' header is present on the requested > resource. Origin 'http://localhost' is therefore not allowed access. The picture is accessible, since I can see it in the webinspector. It works perfectly in a simple image

基于 HTML5 WebGL + WebVR 的 3D 虚实现实可视化系统

拟墨画扇 提交于 2020-01-10 09:48:31
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 前言 2019 年 VR , AR , XR , 5G , 工业互联网 等名词频繁出现在我们的视野中,信息的分享与虚实的结合已经成为大势所趋, 5G 是新一代信息通信技术升级的重要方向,工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流,当技术新星遇上制造潮流,无疑将成为制造业,工控业等行业数字化转型的重要驱动力。 “5G + VR + 工业互联网” 必将成为新的一年不变的话题,如何将当前工业中遇到的问题通过 虚拟现实 结合起来,让我们可以更近的去交流,去感受技术带给我们的变化。在今年苹果的发布会上,相信大家都知道苹果的 5G 手机没有问世,说明 5G 的应用和发展还处在快速发展的阶段,但是手机结合 AR 功能的 APP 已经早就问世, 5G 的速度加上 AR, VR 的身临其境,让我们感受到的不仅仅是技术的革新,更是让我们感受到技术在不同领域的实际应用场景,我相信 2020 年新的一年必定是 “5G + VR + 工业互联网” 应用的又一个新的开始,本文接下来所讲的就是 HT for Web 结合 WebVR 开发的具体应用案例。 系统预览 预览地址: 基于 HTML5 WebGL 与 WebVR 3D 虚实现实的可视化培训系统 http://www.hightopo

基于 HTML5 WebGL + WebVR 的 3D 虚实现实可视化培训系统

此生再无相见时 提交于 2020-01-08 09:54:41
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 前言 2019 年 VR , AR , XR , 5G , 工业互联网 等名词频繁出现在我们的视野中,信息的分享与虚实的结合已经成为大势所趋, 5G 是新一代信息通信技术升级的重要方向,工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流,当技术新星遇上制造潮流,无疑将成为制造业,工控业等行业数字化转型的重要驱动力。 “5G + VR + 工业互联网” 必将成为新的一年不变的话题,如何将当前工业中遇到的问题通过 虚拟现实 结合起来,让我们可以更近的去交流,去感受技术带给我们的变化。在今年苹果的发布会上,相信大家都知道苹果的 5G 手机没有问世,说明 5G 的应用和发展还处在快速发展的阶段,但是手机结合 AR 功能的 APP 已经早就问世, 5G 的速度加上 AR, VR 的身临其境,让我们感受到的不仅仅是技术的革新,更是让我们感受到技术在不同领域的实际应用场景,我相信 2020 年新的一年必定是 “5G + VR + 工业互联网” 应用的又一个新的开始,本文接下来所讲的就是 HT for Web 结合 WebVR 开发的具体应用案例。 系统预览 预览地址: 基于 HTML5 WebGL 与 WebVR 3D 虚实现实的可视化培训系统 http://www.hightopo