0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

基于H5和3D WebVR 的可視化虛擬現(xiàn)實(shí)培訓(xùn)系統(tǒng)

圖撲-數(shù)字孿生 ? 來源:圖撲軟件 ? 作者:圖撲軟件 ? 2020-06-22 10:42 ? 次閱讀

前言

2019 年 VR, AR, XR, 5G工業(yè)互聯(lián)網(wǎng)等名詞頻繁出現(xiàn)在我們的視野中,信息的分享與虛實(shí)的結(jié)合已經(jīng)成為大勢所趨,5G 是新一代信息通信技術(shù)升級的重要方向,工業(yè)互聯(lián)網(wǎng)是制造業(yè)轉(zhuǎn)型升級的發(fā)展趨勢。

本文所講的 VR 是機(jī)械制造業(yè)與設(shè)備的又一次交流,當(dāng)技術(shù)新星遇上制造潮流,無疑將成為制造業(yè),工控業(yè)等行業(yè)數(shù)字化轉(zhuǎn)型的重要驅(qū)動(dòng)力。“5G + VR + 工業(yè)互聯(lián)網(wǎng)”必將成為新的一年不變的話題,如何將當(dāng)前工業(yè)中遇到的問題通過虛擬現(xiàn)實(shí)結(jié)合起來,讓我們可以更好的去交流,去感受技術(shù)帶給我們的變化。

在今年蘋果的發(fā)布會(huì)上,相信大家都知道蘋果的 5G 手機(jī)沒有問世,說明 5G 的應(yīng)用和發(fā)展還處在快速發(fā)展的階段,但是手機(jī)結(jié)合 AR 功能的 APP 已經(jīng)早就問世,5G 的速度加上 AR, VR 的身臨其境,讓我們感受到的不僅僅是技術(shù)的革新,更是讓我們感受到技術(shù)在不同領(lǐng)域的實(shí)際應(yīng)用場景,我相信 2020 年新的一年必定是 “5G + VR + 工業(yè)互聯(lián)網(wǎng)” 應(yīng)用的又一個(gè)新的開始,本文接下來所講的就是 HT for Web 結(jié)合 WebVR 開發(fā)的具體應(yīng)用案例。

系統(tǒng)預(yù)覽

VR 拆解還原

VR 操作

VR 場景切換

PC 端拆解還原

PC 端考試

系統(tǒng)介紹

該系統(tǒng)共分為三個(gè)實(shí)際應(yīng)用層面:

  • 三維培訓(xùn):用戶通過 mb 端手指觸摸或者 pc 端鼠標(biāo)拖拽可以將設(shè)備拆解開來,之后可以通過一鍵還原來將設(shè)備還原到最初的狀態(tài),或者可以通過拆解 or 還原按鈕查看設(shè)備自動(dòng)拆解的過程以及拆解之后自動(dòng)還原的過程。

  • 考試系統(tǒng):這部分是考驗(yàn)?zāi)銓υO(shè)備拆解的熟悉程度,在第一步的三維培訓(xùn)之后,可以在該系統(tǒng)中考核你對拆解過程的了解。

  • VR 模式:該部分便是三維場景結(jié)合 WebVR 的具體實(shí)現(xiàn)應(yīng)用,再進(jìn)入 VR 之后可以通過操作 VR 手柄,進(jìn)行設(shè)備的拆解還原。

文章主要講解第三部分的VR模式,讓我們了解如何結(jié)合HT來搭建VR場景。下面描述了VR中的主要操作,沒有進(jìn)入VR的時(shí)候不會(huì)出現(xiàn)如下所說的六個(gè)按鈕操作,再點(diǎn)擊進(jìn)入WebVR時(shí),系統(tǒng)自動(dòng)顯示出VR場景里的六個(gè)操作按鈕,反之退出VR時(shí),系統(tǒng)也會(huì)自動(dòng)隱藏三維中的六個(gè)操作按鈕,VR中的主要操作如下:

  • 設(shè)備切換:顧名思義,可以通過手柄射線對準(zhǔn)場景中左側(cè)列表,按動(dòng)板機(jī)進(jìn)行場景設(shè)備切換。

  • 操作切換:VR 中對設(shè)備有如下兩種操作,可以通過右下角的模式按鈕點(diǎn)擊切換。

  • 平移模式:該模式下,用戶可以對準(zhǔn)設(shè)備并且按動(dòng)板機(jī)將設(shè)備從一個(gè)位置移動(dòng)到另一個(gè)位置,并且可以通過觸摸觸摸板來拉近和拉遠(yuǎn)設(shè)備零件。

  • 抓取模式:該模式下,用戶可以對準(zhǔn)設(shè)備并且按動(dòng)板機(jī)將設(shè)備抓取過來,抓取過來之后,可以通過觸摸觸摸板來旋轉(zhuǎn)以及放大或者縮小零件。

  • 一鍵還原:將設(shè)備各部分零件還原到最初始的位置。

  • 拆解動(dòng)畫:將設(shè)備的各部分零件通過之前預(yù)定好的位置按步驟一步一步拆解開來。

  • 還原動(dòng)畫:該操作可以理解為拆解動(dòng)畫的倒放,即將拆解的過程逆序還原。

  • 線框切換:HT 支持將設(shè)備節(jié)點(diǎn)的三角面表示出來,可以具體的看到該設(shè)備的線框輪廓。

系統(tǒng)開發(fā)

三維場景HT支持obj模型的導(dǎo)入,VR場景所出現(xiàn)的設(shè)備零件均為 obj 模型,由于需要在之后進(jìn)行設(shè)備的拆解,所以建模的時(shí)候需要分別對設(shè)備的各部分零件進(jìn)行建模,而不是對設(shè)備整體進(jìn)行建模,如果對設(shè)備整體建模那么在 HT 的場景中就是一個(gè)Data節(jié)點(diǎn),從而不能對零件進(jìn)行拆解,如果拆解開來,那么在 HT 中可以加載多個(gè) obj 則就有多個(gè) Data 節(jié)點(diǎn),有多個(gè)零件的 Data 節(jié)點(diǎn)之后就可以對設(shè)備零件進(jìn)行移動(dòng)或者其它旋轉(zhuǎn)操作,具體的 Data 在 HT 的含義可以參考HT for Web 數(shù)據(jù)模型手冊

如下為導(dǎo)入場景中的obj模型:

從上圖可以看出我們導(dǎo)入obj之后零件之間是分散的,所以需要對零件的初始位置進(jìn)行調(diào)整,從而調(diào)整出一個(gè)由許多零件構(gòu)成的完整設(shè)備,當(dāng)然調(diào)整不可能通過代碼來調(diào)整,對應(yīng)的有三維編輯器可以調(diào)整,進(jìn)行拖拖拽拽將不同零件拼湊起來,如下為組合之后的設(shè)備整體:

VR 搭建VR場景的搭建是在第一步的基礎(chǔ)上進(jìn)行搭建,上面所說的只在 VR 場景中顯示的按鈕也是在場景中進(jìn)行搭建,在正常的場景時(shí)候我們可以隱藏掉對應(yīng)的節(jié)點(diǎn),node.s('3d.visible', false)上面的代碼就是 HT 中在三維下面隱藏三維節(jié)點(diǎn)的代碼,因?yàn)檫M(jìn)入 VR 和離開 VR 的時(shí)候,HT 內(nèi)部會(huì)派發(fā)出對應(yīng)的狀態(tài)告訴用戶此時(shí)已經(jīng)進(jìn)入 VR 或者此時(shí)已經(jīng)離開 VR,相應(yīng)偽代碼如下:

 1 // graph3dView  HT 中的三維場景視圖容器
2 // vr 獲取掛載在 graph3dView 上的 vr 對象
3 var vr = graph3dView.vr;
4 vr.mp(function(e) {
5   // property 對應(yīng)的 vr 事件類型,detail 此時(shí)事件的狀態(tài)
6   var property = e.property;
7   var detail = e.newValue;
8   // present 代表此時(shí)進(jìn)入或者離開 VR 場景
9   if (property === 'present') {
10     // 此時(shí) detail  true 表示進(jìn)入 vr,false 表示離開 vr
11     if (detail) {
12       // 執(zhí)行顯示 vr 場景中需要顯示的節(jié)點(diǎn)操作
13     } else {
14       // 執(zhí)行隱藏 vr 場景中需要隱藏的節(jié)點(diǎn)操作
15     }
16   }
17 });

上面 property 在HT總共會(huì)派發(fā)出以下幾種類型,主要是包括VR的狀態(tài)和手柄的操作類型:

  • enable:vr 的 enable 信息發(fā)生變化

  • present:vr 的 present 信息發(fā)生變化,表明進(jìn)出 vr 世界

  • gamepad.pose:手柄位置或旋轉(zhuǎn)發(fā)生變動(dòng),參數(shù) id,position,rotation

  • gamepad.axes:手柄中間的轉(zhuǎn)盤觸摸點(diǎn)位變動(dòng),參數(shù) id,axes;其中 axes 格式形如:[ 0.2, 0.7 ],分辨表示橫縱百分比

  • gamepad.button.thumbpad:thumbpad 按鍵被按下,參數(shù) id,state,其中 state 包含 down 跟 up 兩種

  • gamepad.button.trigger:trigger 按鍵被按下,參數(shù) id,state,其中 state 包含 down 跟 up 兩種

  • gamepad.button.grips:grips 按鍵被按下,參數(shù) id,state,其中 state 包含 down 跟 up 兩種

  • gamepad.button.menu:menu 按鍵被按下,參數(shù) id,state,其中 state 包含 down 跟 up 兩種

VR 中有一個(gè)關(guān)鍵的配置就是比例尺,因?yàn)?VR 里面的單位是和現(xiàn)實(shí)中的長度單位是一致的,我們戴著頭盔往前走 1m 那么對應(yīng)在 HT 三維場景中需要往前走多遠(yuǎn)這需要一個(gè)對應(yīng)關(guān)系,HT 提供的 VR 插件中會(huì)提供一個(gè)measureOflength的配置項(xiàng),如下:

1 var vr_config = {
2   measureOflength: 0.01,
3 }

上面 0.01 代表的意思就是 HT 場景中的單位長度 1 代表現(xiàn)實(shí)場景的 0.01 米,所以如果此時(shí)現(xiàn)實(shí)場景你戴著頭盔往前移動(dòng) 1m,那么 HT 中對應(yīng)的視角會(huì)往前移動(dòng) 100 個(gè)單位,所以如果需要搭建 VR 場景要注意場景的模型建模比例和現(xiàn)實(shí)世界是相差多少,按照統(tǒng)一的比例來建模,不然在 VR 場景中會(huì)出現(xiàn)設(shè)備大小不一的問題,導(dǎo)致出現(xiàn)錯(cuò)覺,如下對比圖,左側(cè)是 0.01 的比例,射線的小點(diǎn)很小,右側(cè)是是 0.001 的比例導(dǎo)致射線的小點(diǎn)變大。

HT中已經(jīng)對瀏覽器提供的WebVR相關(guān)接口的 API 進(jìn)行了封裝,包括獲取設(shè)備navigator.getVRDisplays()這是進(jìn)入 VR 世界的第一步,如果此時(shí)執(zhí)行此代碼返回的結(jié)果為空代表獲取 VR 設(shè)備失敗,那么之后更不用說了,以及獲取手柄信息navigator.getGamepads(),用戶可以通過在瀏覽器控制臺(tái)敲入上面兩行代碼,查看瀏覽器是否已經(jīng)獲取到了 VR 設(shè)備信息和 VR 手柄信息,如果返回為空則說明獲取失敗。HT 只要通過執(zhí)行graph3dView.vr.enable = true就可以開啟VR,當(dāng)然用戶不用執(zhí)行該代碼,HT 提供的VR 插件也會(huì)提供對應(yīng)的配置項(xiàng)vrEnable: true來代表開啟 VR,對應(yīng)的配置也掛在在上面的vr_config對象內(nèi),如下:

1 var vr_config = {
2   measureOflength: 0.01,
3   vrEnable: true, // 代表開啟 VR
4 }

在該展示的系統(tǒng)中有直接在VR 中切換場景的功能,由于每個(gè)場景的vr_config中的配置項(xiàng)值可能會(huì)有差別,例如第一個(gè)場景的measureOflength比例尺的大小為 0.01,可能第二個(gè)場景的比例尺大小measureOflength就變成了 0.02,所以 VR 插件提供一個(gè)銷毀的功能,用來銷毀上一個(gè)場景的資源,銷毀場景的資源包括清空上一個(gè)場景的所有節(jié)點(diǎn),所以在加載新的場景時(shí),不需要再執(zhí)行清空場景節(jié)點(diǎn)的操作,即不需要執(zhí)行 dataModel.clear(),因?yàn)?VR 提供的銷毀功能已經(jīng)都清空了,手柄和射線都是場景中的一個(gè) Data 節(jié)點(diǎn),所以在新的場景不需要額外的清除手柄和射線這兩個(gè)節(jié)點(diǎn),故插件幫你管理場景的節(jié)點(diǎn)。調(diào)用銷毀功能之后,可以調(diào)用graph3dView的序列化函數(shù)graph3dView.deserialize('場景資源json地址')來序列化新的場景 json 文件,在序列化完成的回調(diào)函數(shù)中,可以根據(jù)新的場景修改此時(shí)vr_config的值,然后再次調(diào)用
graph3dView.initVRForScene()來再次初始化VR場景。相關(guān)的步驟偽代碼如下:

 1 // window.GVR 是在調(diào)用 graph3dView.initVRForScene() 之后初始化的一個(gè)全局 VR 插件變量 用于用戶獲取插件對象
2 window.GVR.destory();
3 // 執(zhí)行新的場景序列化操作
4 graph3dView.deserialize('場景資源json地址',
5 function(json, dm, g3d, datas) {
6   // 修改新的場景比例尺為 0.02
7   window.vr_config.measureOflength = 0.02;
8   // 修改新的 VR 場景初始化視角
9   window.vr_config.vrEye = ht.Default.clone(g3d.getEye());;
10   // 再次初始化 VR 場景
11   graph3dView.initVRForScene()
12 });

當(dāng)然 HT 提供的 VR 插件還有很多的配置項(xiàng),方便用戶更好的調(diào)整 VR 場景,包括刷地形,場景移動(dòng)方式,場景操作方式都可以通過配置進(jìn)行配置,利用 HT 進(jìn)行 VR 搭建主要流程如下流程圖所示:

通過上面的流程圖,我們大體可以了解配合 HT 提供的 VR 插件如何進(jìn)行快速的搭建 VR 場景。

目前谷歌瀏覽器和火狐瀏覽器都很友好的支持 VR,可以通過火狐官網(wǎng)提供的WebVR Demo在線感受下官方提供的 VR 場景。

拆解規(guī)則從文章前面的部分效果圖可以看到我們每個(gè)場景的設(shè)備都有拆解,并且每個(gè)設(shè)備的零件數(shù)量,零件位置,零件拆解的方向,偏移的長短都是不一致的,所以不可能通過代碼來將上面的偏移長短,偏移方向?qū)懰?,需要制定一套拆解?guī)則來幫助我們可以更方便制作每個(gè)場景的拆解動(dòng)畫,這樣只需要設(shè)計(jì)師根據(jù)與程序約定好的拆解規(guī)則進(jìn)行配置就可以配置出不同場景不同設(shè)備的拆解動(dòng)畫。該系統(tǒng)的拆解分為兩種情況:

  • 單體移動(dòng):單個(gè)設(shè)備零件沿著父節(jié)點(diǎn)位置和該節(jié)點(diǎn)位置的連接線方向移動(dòng)

  • 組合移動(dòng):多個(gè)設(shè)備零件的組合沿著某個(gè)方向移動(dòng),組合移動(dòng)之后,設(shè)備零件可以在組合移動(dòng)之后的位置進(jìn)行再沿著某個(gè)方向進(jìn)行移動(dòng),可以無限進(jìn)行嵌套,即組合之后還可以組合移動(dòng),或者單體移動(dòng)

單體移動(dòng)示意圖如下:

組合移動(dòng)示意圖如下:

在 HT 中可以通過data.setDisplayName('名稱')來給節(jié)點(diǎn)設(shè)置名稱,這里約定通過不同設(shè)備的名稱,來獲取到不同設(shè)備的偏移信息,例如data.setDisplayName('1-0.5-1000')該名稱就是和設(shè)計(jì)師約定好的配置規(guī)則,1代表拆解步驟的第一步執(zhí)行,當(dāng)然場景中可以有多個(gè) 1,即第一步同時(shí)拆解這些零件0.5代表朝著父節(jié)點(diǎn)的方向偏移自己位置和父節(jié)點(diǎn)位置連接線長度的50%。1000代表偏移的過程持續(xù)1000毫秒,當(dāng)然之后可以約定旋轉(zhuǎn)以及旋轉(zhuǎn)的角度等信息。設(shè)計(jì)師知道這些配置規(guī)則之后便可以通過可視化編輯器進(jìn)行不同零件的配置,這樣程序方面只需要寫一套通用的邏輯就可以對不同的設(shè)備進(jìn)行拆解和還原。

系統(tǒng)中維護(hù)了一個(gè)隊(duì)列和一個(gè),隊(duì)列用來記錄拆解順序,用來記錄還原順序。拆解的過程通過配置的序號,按順序推進(jìn)隊(duì)列,采用隊(duì)列的數(shù)據(jù)結(jié)構(gòu)便是因?yàn)殛?duì)列先進(jìn)先出的特點(diǎn),第一個(gè)壓入隊(duì)列的零件則第一個(gè)執(zhí)行,最后壓入隊(duì)列的零件最后一個(gè)執(zhí)行拆解順序。拆解出隊(duì)列的零件則同時(shí)壓入棧,采用記錄還原順序是因?yàn)?span style="font-weight:700;margin:0px;padding:0px;border:0px;">先進(jìn)后出的特點(diǎn),即第一個(gè)執(zhí)行完拆解的零件,在還原的時(shí)候卻是最后一個(gè)執(zhí)行還原的動(dòng)作。所以上述采用的不同數(shù)據(jù)結(jié)構(gòu)便是為了更好的記錄數(shù)據(jù)。以下為相關(guān) js 偽代碼:

 1 // 記錄拆解順序
2 const queue = [];
3 // 記錄還原順序
4 const stack = [];
5 // each 循環(huán)中用來記錄拆解隊(duì)列 queue 順序
6 dataModel.each((node) = >{
7   const displayName = node.getDisplayName();
8   if (displayName) {
9     const[index, distancePer, during] = displayName.split('-');
10     if (index !== void 0) {
11       if (queue[index]) {
12         if (queue[index] instanceof Array) {
13           queue[index].push(node);
14         } else {
15           const tempNode = queue[index];
16           queue[index] = [tempNode, node];
17         }
18       } else {
19         queue[index] = node;
20       }
21     }
22   }
23 });

相關(guān)邏輯如下流程圖:

通過上面的約定,設(shè)計(jì)師可以使用可視化編輯器來配置不同零件的移動(dòng)規(guī)則,大大提高了動(dòng)畫的制作效率。

代碼分析

該部分主要對拆解還原動(dòng)畫的代碼進(jìn)行分析,主要采用向量和部分三角函數(shù)的概念來計(jì)算不同零件在三維空間的位置,初始的時(shí)候需要記錄下每個(gè)零件在前面所有組合移動(dòng)之后的初始移動(dòng)位置向量,以及零件沒有組合移動(dòng)之前的初始位置向量,獲取這兩個(gè)位置向量目的是一是為了零件拆解在前面所說組合之后移動(dòng),和零件在拆解之后恢復(fù)到一整個(gè)設(shè)備形態(tài)的初始位置,兩個(gè)位置向量都有重要的作用,以下為相關(guān)偽代碼:

 1 // Vector3 為 HT 封裝的三維向量
2 const Vector3 = ht.Math.Vector3;
3 // 記錄第一個(gè)重要位置向量
4 node.a('relativeP3Vec', new Vector3(node.p3()));
5 // node 當(dāng)前零件節(jié)點(diǎn)
6 // moveQueue 為移動(dòng)順序在 node 之前的,并且為 node 節(jié)點(diǎn)的祖先節(jié)點(diǎn)
7 for (let i = 0, l = moveQueue.length; i < l; i++) {
8   const moveNode = moveQueue[i],
9   parentMoveNode = moveNode.getParent();
10   if (parentMoveNode) {
11     const[, distancePer] = moveNode.getDisplayName().split('-');
12     moveNode.a('defP3', moveNode.p3()) moveNode.p3(new Vector3().lerpVectors(new Vector3(moveNode.p3()), new Vector3(parentMoveNode.p3()), distancePer).toArray());
13   }
14 }
15 // 記錄組合節(jié)點(diǎn)移動(dòng)之后的第二個(gè)重要相對位置向量
16 node.a('relativeP3Vec', new Vector3(node.p3()));
17 // 逆序還原組合的父節(jié)點(diǎn)位置
18 for (let i = moveQueue.length - 1; i >= 0; i--) {
19   const moveNode = moveQueue[i];
20   moveNode.p3(moveNode.a('defP3'));
21   moveNode.a('defP3', undefined);
22 }

由于在場景拆解過程中需要設(shè)置設(shè)備零件節(jié)點(diǎn)不可選擇,所以需要記錄下不可選擇之前的零件是否可選擇狀態(tài),用來恢復(fù)節(jié)點(diǎn)初始狀態(tài),相關(guān)偽代碼如下:

1 dm3d.each((node) = >{
2   node.a('defSelectable', node.s('3d.selectable'));
3 });

文中所示的線框效果為 HT 核心包支持的線框模式,可以通過如下代碼進(jìn)行配置:

dm3d.each((data) = >{
  if (data.s('shape3d') && data.s('shape3d').startsWith('models/')) {
    data.s({
      'shape3d.transparent': true,
      'shape3d.opacity': 0, // 目的為隱藏原本的模型
      'wf.geometry': true, // 開啟線框模式
      'wf.combineTriangle': 2, // 線框三角面合并類型
      'wf.color': 'rgba(96,172,252,0.3)' // 線框顏色
    });
  }
});

上述wf.combineTriangle主要包括

  • false,0:不合并三角形

  • true,1:合并相鄰三角為四邊面,原來的效果

  • 2:融合所有聯(lián)通的共面三角面

  • 3:根據(jù)法線信息融合所有平滑三角面

VR 軟件以及硬件安裝

本系統(tǒng)采用的VR硬件設(shè)備為HTC VIVE接下來講的是安裝 HTC VIVE的過程和步驟。

第一步:撮合 HTC VIVE 和電腦主機(jī)

HTC官網(wǎng)找到連接指南,然后按照步驟安裝即可,我們只需看以下截圖部分的目錄即可。

第二步:下載軟件

Steam官網(wǎng)下載 Steam,下載完 Steam 可以在 Steam 中下載 Stream VR。

第三步:打開 Stream VR 檢查設(shè)備狀態(tài)

打開 Stream VR,會(huì)出現(xiàn)以下畫面,這是用來表示 HTC VIVE 頭顯的工作狀態(tài)的,通過圖標(biāo)我們即可查看頭顯、手柄控制器和定位器等配件的工作情況。

第四步:選擇房間設(shè)置模式

如果您的房間位置比較大可以選擇第一項(xiàng),我選擇的模式為第二項(xiàng),站立模式。建議選擇一種房間規(guī)模,可以完整的進(jìn)行設(shè)置。

第五步:將頭盔、兩個(gè)手柄控制器放置在兩個(gè)定位器可視范圍內(nèi),建立定位

第六步:校準(zhǔn)頭盔中心點(diǎn)

該部位設(shè)置頭盔默認(rèn)的朝向。

第七步:定位地面

將兩個(gè)手柄控制器放置在定位器可視范圍內(nèi),然后點(diǎn)擊電腦屏幕上的按鈕“校準(zhǔn)地面”,等待系統(tǒng)校準(zhǔn)

第八步:進(jìn)入 Steam VR 自帶房間進(jìn)行測試

設(shè)置完畢之后可以進(jìn)入 Steam VR 自帶的房間進(jìn)行體驗(yàn)。

總結(jié)當(dāng)人們談起5G時(shí)代的新應(yīng)用,VR、AR是一大熱門話題。4G 時(shí)代移動(dòng)網(wǎng)絡(luò)已經(jīng)足以承載起高清視頻,那么 5G 時(shí)代理所當(dāng)然就能傳輸數(shù)據(jù)量更大的沉浸式 VR、AR 影像。因此,不少人將 5G 視為 VR、AR 崛起的踏板,隨時(shí)隨地身臨天涯海角,似乎并非是遙不可及的夢。當(dāng)前 4G 網(wǎng)絡(luò)應(yīng)用在 VR/AR 上會(huì)帶來大約 70ms 的實(shí)驗(yàn),這個(gè)實(shí)驗(yàn)會(huì)導(dǎo)致體驗(yàn)者存在眩暈感,而 5G 數(shù)據(jù)傳輸?shù)难舆t可達(dá)到毫秒級,可以有效解決數(shù)據(jù)時(shí)延帶來的眩暈感,有助于 VR/AR 的大規(guī)模應(yīng)用。目前隨著 5G 網(wǎng)絡(luò)的逐漸普及,VR/AR 產(chǎn)業(yè)正逐步走向復(fù)蘇,市場熱情在逐漸升溫,虛擬現(xiàn)實(shí)游戲、虛擬現(xiàn)實(shí)現(xiàn)場直播等都是 5G 在 VR/AR 上的具體應(yīng)用。在科技進(jìn)步的今天,安全也是一個(gè)重要的話題,VR 結(jié)合仿真的應(yīng)用也是大勢所趨,仿真可以讓用戶真實(shí)切身感受,例如消防預(yù)警,管道預(yù)警,可以讓用戶在 VR 世界中體驗(yàn)消防滅火等消防員的操作,讓用戶沉浸在 VR 世界中感受到火災(zāi)來臨時(shí)怎么進(jìn)行實(shí)際操作。所以 VR 帶來的應(yīng)用遠(yuǎn)遠(yuǎn)不止仿真,模擬等體驗(yàn),更多帶來的是能為人們提供真實(shí)的實(shí)際作用,而不是噱頭。

程序手機(jī)端運(yùn)行截圖:

2019 我們也更新了數(shù)百個(gè)工業(yè)互聯(lián)網(wǎng) 2D/3D 可視化案例集,在這里你能發(fā)現(xiàn)許多新奇的實(shí)例,也能發(fā)掘出不一樣的工業(yè)互聯(lián)網(wǎng):《分享數(shù)百個(gè) HT 工業(yè)互聯(lián)網(wǎng) 2D 3D 可視化應(yīng)用案例》,更多行業(yè)應(yīng)用實(shí)例可以點(diǎn)擊下方查看更多官網(wǎng)案例~

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報(bào)投訴
  • 3D
    3D
    +關(guān)注

    關(guān)注

    9

    文章

    2900

    瀏覽量

    107717
  • Ar
    Ar
    +關(guān)注

    關(guān)注

    24

    文章

    5101

    瀏覽量

    169841
  • 物聯(lián)網(wǎng)
    +關(guān)注

    關(guān)注

    2911

    文章

    44848

    瀏覽量

    375339
  • 人工智能
    +關(guān)注

    關(guān)注

    1793

    文章

    47535

    瀏覽量

    239316
  • vr
    vr
    +關(guān)注

    關(guān)注

    34

    文章

    9641

    瀏覽量

    150552
收藏 人收藏

    評論

    相關(guān)推薦

    光學(xué)系統(tǒng)3D可視化

    視圖 3D 系統(tǒng)視圖: 無光可視化系統(tǒng) 選項(xiàng) - 選擇要顯示的元件 右鍵單擊文檔窗口,菜單上將顯示詳細(xì)選項(xiàng)。第一個(gè)選項(xiàng) \"Select Elements to Show\&quo
    發(fā)表于 01-06 08:53

    發(fā)掘3D文件格式的無限潛力:打造沉浸式虛擬世界

    在當(dāng)今數(shù)字化時(shí)代,3D技術(shù)的應(yīng)用范圍日益廣泛,涵蓋電影后期制作、產(chǎn)品原型設(shè)計(jì)、虛擬現(xiàn)實(shí)(VR)、增強(qiáng)現(xiàn)實(shí)(AR)、游戲等眾多領(lǐng)域。而3D文件格式作為
    的頭像 發(fā)表于 09-26 18:14 ?1570次閱讀
    發(fā)掘<b class='flag-5'>3D</b>文件格式的無限潛力:打造沉浸式<b class='flag-5'>虛擬</b>世界

    基于線框模式搭建的智慧樓宇 3D 可視化解決方案

    3D可視化
    阿梨是蘋果
    發(fā)布于 :2024年08月01日 11:27:12

    數(shù)字孿生3D大屏可視化技術(shù)應(yīng)用優(yōu)勢

    數(shù)字孿生3D大屏可視化技術(shù)是一種融合虛擬現(xiàn)實(shí)、增強(qiáng)現(xiàn)實(shí)和大數(shù)據(jù)等技術(shù)的創(chuàng)新型可視化工具,為用戶提供了沉浸式的交互體驗(yàn),同時(shí)能夠在大屏幕上展示
    的頭像 發(fā)表于 07-31 15:05 ?556次閱讀

    3D可視化賦能智慧園區(qū)安防管理,開啟園區(qū)管理新篇章!

    ? ? ? ?3D可視化,主要是研究大規(guī)模非數(shù)值型信息資源的視覺呈現(xiàn),以及利用圖形方面的技術(shù)與方法,幫助人們理解和分析數(shù)據(jù)。 ? ? ? ?傳統(tǒng)園區(qū)的信息往往數(shù)據(jù)不互通,業(yè)務(wù)難融合,長期面臨著服務(wù)
    的頭像 發(fā)表于 07-17 10:57 ?368次閱讀

    3d場景建模可視化,場景1:1還原

    在當(dāng)今數(shù)字化時(shí)代,3D場景建模可視化技術(shù)成為重要工具,為各行業(yè)提供了強(qiáng)大的展示和交互手段。從電影特效到建筑設(shè)計(jì),從游戲開發(fā)到虛擬現(xiàn)實(shí)3D場景建模
    的頭像 發(fā)表于 07-12 14:49 ?327次閱讀

    增強(qiáng)現(xiàn)實(shí)虛擬現(xiàn)實(shí)的聯(lián)系和區(qū)別

    增強(qiáng)現(xiàn)實(shí)(AR)和虛擬現(xiàn)實(shí)(VR)是兩種不同的技術(shù),它們在許多方面都有聯(lián)系和區(qū)別。 一、增強(qiáng)現(xiàn)實(shí)(AR)和虛擬現(xiàn)實(shí)(VR)的定義 增強(qiáng)現(xiàn)實(shí)
    的頭像 發(fā)表于 07-08 11:00 ?2461次閱讀

    虛擬現(xiàn)實(shí)技術(shù)的應(yīng)用領(lǐng)域有哪些

    虛擬現(xiàn)實(shí)技術(shù)(Virtual Reality,簡稱VR)是一種通過計(jì)算機(jī)生成的三維環(huán)境,使用戶能夠沉浸其中并與之互動(dòng)的技術(shù)。近年來,隨著計(jì)算機(jī)技術(shù)、圖形處理技術(shù)、傳感器技術(shù)等的快速發(fā)展,虛擬現(xiàn)實(shí)技術(shù)
    的頭像 發(fā)表于 07-04 14:14 ?2395次閱讀

    虛擬現(xiàn)實(shí)與完全現(xiàn)實(shí)的區(qū)別

    虛擬現(xiàn)實(shí)(Virtual Reality,簡稱VR)是一種通過計(jì)算機(jī)技術(shù)模擬生成的三維虛擬世界,用戶可以通過頭戴式顯示器、手柄等設(shè)備與虛擬世界進(jìn)行交互。虛擬現(xiàn)實(shí)技術(shù)的發(fā)展為人們帶來了全
    的頭像 發(fā)表于 07-04 14:08 ?2073次閱讀

    如何實(shí)現(xiàn)園區(qū)大屏可視化?

    孿生可視化 構(gòu)建平臺(tái)利用Web三維可視化技術(shù)對現(xiàn)實(shí)場景進(jìn)行仿真,實(shí)現(xiàn)園區(qū)級業(yè)務(wù)場景 的可視化呈現(xiàn),助力企業(yè)快速完成項(xiàng)目的實(shí)施。實(shí)現(xiàn)園區(qū)場景立體可先,極致
    的頭像 發(fā)表于 06-19 15:39 ?461次閱讀
    如何實(shí)現(xiàn)園區(qū)大屏<b class='flag-5'>可視化</b>?

    三維可視化系統(tǒng)平臺(tái)介紹及優(yōu)勢

    、醫(yī)學(xué)影像、地理信息系統(tǒng)虛擬現(xiàn)實(shí)等領(lǐng)域。下面將詳細(xì)介紹三維可視化系統(tǒng)平臺(tái)的優(yōu)勢以及其在不同領(lǐng)域的應(yīng)用。 三維可視化
    的頭像 發(fā)表于 06-12 16:02 ?647次閱讀
    三維<b class='flag-5'>可視化</b><b class='flag-5'>系統(tǒng)</b>平臺(tái)介紹及優(yōu)勢

    智慧城市-可視化,進(jìn)一步提高信息建設(shè)水平

    智能城市可視化是指整合各種城市信息資源,以地圖、虛擬現(xiàn)實(shí)等形式展示各種城市數(shù)據(jù),更直觀地了解和管理城市的運(yùn)行和發(fā)展。智能城市可視化主要通過地理信息系統(tǒng)(GIS)、實(shí)現(xiàn)大數(shù)據(jù)、
    的頭像 發(fā)表于 05-22 16:49 ?469次閱讀

    智慧園區(qū)三維可視化的重要性!

    呈現(xiàn),助力企業(yè)快速完成項(xiàng)目的實(shí)施。古河云科技小編將從介紹、發(fā)展和應(yīng)用三個(gè)方面,探討智慧園區(qū)三維可視化的重要性和價(jià)值。 可視化是一種結(jié)合先進(jìn)技術(shù)如人工智能、大數(shù)據(jù)、虛擬現(xiàn)實(shí)等的創(chuàng)新應(yīng)用,旨在提升園區(qū)管理效率、改善人員
    的頭像 發(fā)表于 05-15 16:38 ?441次閱讀

    訊維數(shù)字孿生可視化系統(tǒng):開啟智慧醫(yī)療虛擬手術(shù)訓(xùn)練新紀(jì)元

    訊維數(shù)字孿生可視化系統(tǒng)在智慧醫(yī)療虛擬手術(shù)訓(xùn)練領(lǐng)域的應(yīng)用,標(biāo)志著該領(lǐng)域進(jìn)入了全新的紀(jì)元。該系統(tǒng)通過集成先進(jìn)的數(shù)字孿生技術(shù)和可視化技術(shù),為醫(yī)療教
    的頭像 發(fā)表于 05-07 16:30 ?509次閱讀