3D導(dǎo)覽方法技術(shù)

本發(fā)明專利技術(shù)公開了3D導(dǎo)覽方法，包括以下具體步驟：1)制作3D場景模型；2)實(shí)現(xiàn)行走的交互功能；3)將數(shù)據(jù)寫入設(shè)備中，形成導(dǎo)覽圖；4)導(dǎo)覽圖的使用；實(shí)現(xiàn)3D空間導(dǎo)覽，用戶可以通過在真實(shí)的3D環(huán)境中移動(dòng)，快速有效的找到路線，操作方便，導(dǎo)覽實(shí)用性強(qiáng)，體驗(yàn)感強(qiáng)。

【技術(shù)實(shí)現(xiàn)步驟摘要】
3D導(dǎo)覽方法
本專利技術(shù)涉及3D技術(shù)等領(lǐng)域，具體的說，是3D導(dǎo)覽方法。
技術(shù)介紹
如今，科技日新月異，人們對(duì)體驗(yàn)感和易用性有了更高的要求，其中智慧導(dǎo)覽對(duì)于人們游玩瀏覽景區(qū)、場館、商超等有著重要的引導(dǎo)作用，但市面上現(xiàn)有技術(shù)的導(dǎo)覽地圖形式一種為平面地圖，只有線路，方位感不太好的用戶并不能有效使用導(dǎo)覽；另一種為全景圖片跳轉(zhuǎn)場景，體驗(yàn)感較差。現(xiàn)有技術(shù)中存在一種采用平面圖片展示的方式進(jìn)行地圖導(dǎo)覽，為一種主流導(dǎo)覽的方式，其實(shí)現(xiàn)方法為：采集素材、制作平面圖、在設(shè)備中展示，具有實(shí)現(xiàn)簡單的優(yōu)點(diǎn)，但存在的不足之處在于：游客只能觀看，易用性差，位感不好的用戶很難使用。現(xiàn)有技術(shù)還存在krpano全景圖跳轉(zhuǎn)的方式進(jìn)行地圖導(dǎo)覽，全景圖跳轉(zhuǎn)主要是模擬3D環(huán)境的假3D導(dǎo)覽，是由一張一張全景圖拼接跳轉(zhuǎn)完成導(dǎo)覽作用。krpano全景圖跳轉(zhuǎn)的實(shí)現(xiàn)方式包括：1、采集素材；2、制作3D模型或拍攝全景照片；3、通過Krpano技術(shù)將3D模型或全景照片轉(zhuǎn)化為發(fā)出多的碎片圖形成一個(gè)球形(偽3D)，生成全景代碼；4、將代碼及附帶文件寫入設(shè)備中；5、游客觀看和操控導(dǎo)覽圖。krpano全景圖跳轉(zhuǎn)的優(yōu)點(diǎn)為：實(shí)景圖片，用戶容易理解導(dǎo)覽路線。krpano全景圖跳轉(zhuǎn)的缺點(diǎn)：每次跳轉(zhuǎn)都需要點(diǎn)擊，操作復(fù)雜，一個(gè)一個(gè)場景跳轉(zhuǎn)，場景過渡不自然，體驗(yàn)感差。
技術(shù)實(shí)現(xiàn)思路
本專利技術(shù)的目的在于設(shè)計(jì)出3D導(dǎo)覽方法，實(shí)現(xiàn)3D空間導(dǎo)覽，用戶可以通過在真實(shí)的3D環(huán)境中移動(dòng)，快速有效的找到路線，操作方便，導(dǎo)覽實(shí)用性強(qiáng)，體驗(yàn)感強(qiáng)。本專利技術(shù)通過下述技術(shù)方案實(shí)現(xiàn)：3D導(dǎo)覽方法，包括以下具體步驟：1)制作3D場景模型；2)實(shí)現(xiàn)行走的交互功能；3)將數(shù)據(jù)寫入設(shè)備中，形成導(dǎo)覽圖；4)導(dǎo)覽圖的使用。進(jìn)一步的為更好地實(shí)現(xiàn)本專利技術(shù)，特別采用下述設(shè)置方式：所述步驟1)包括以下具體步驟：1.1)根據(jù)建筑平面圖制作出3D的空間結(jié)構(gòu)模型；1.2)根據(jù)實(shí)拍照片進(jìn)一步制作出導(dǎo)覽線路途經(jīng)的空間細(xì)節(jié)模型；所述空間細(xì)節(jié)模型用于還原場景細(xì)節(jié)，且能夠控制3D場景模型的大小，優(yōu)選的采用等比例縮放的方式控制3D場景模型的大小；即盡量還原場景細(xì)節(jié)，同時(shí)要考慮控制整個(gè)場景模型的大小，進(jìn)行等比例縮放。進(jìn)一步的為更好地實(shí)現(xiàn)本專利技術(shù)，特別采用下述設(shè)置方式：在進(jìn)行3D場景模型建立時(shí)所涉及的要素包括：場景：模型、材質(zhì)以及燈光所構(gòu)成的一個(gè)三維空間；材質(zhì)：包括繪制材質(zhì)及拍攝貼圖材質(zhì)；燈光：包括環(huán)境光、點(diǎn)光源；相機(jī)：采用透視相機(jī)。進(jìn)一步的為更好地實(shí)現(xiàn)本專利技術(shù)，特別采用下述設(shè)置方式：所述步驟2)包括以下具體步驟：2.1)通過WEBGL技術(shù)將3D場景模型寫入網(wǎng)頁代碼：在項(xiàng)目(即3D導(dǎo)覽圖)的webgl代碼中，通過使用模型加載器(模型加載器本身是webgl中的一個(gè)函數(shù)，是一段代碼，具有加載模型的功能)將制作好的3D模型加載到我們的場景中；2.2)在3D場景模型中寫入相機(jī)：在webgl中，在代碼中實(shí)例化PerspectiveCamera透視相機(jī)，并進(jìn)行相機(jī)的視角(看到的角度范圍)、遠(yuǎn)平面(最遠(yuǎn)能看到多遠(yuǎn))等參數(shù)設(shè)置，3D場景模型和相機(jī)是相對(duì)獨(dú)立的，都存在于虛擬的一個(gè)空間中，但相機(jī)能游走在3D場景模型的里里外外，相機(jī)是將3D場景展示在界面的媒介。2.3)操控相機(jī)和3D場景模型，實(shí)現(xiàn)在真實(shí)3D環(huán)境中移動(dòng)、變換視角。進(jìn)一步的為更好地實(shí)現(xiàn)本專利技術(shù)，特別采用下述設(shè)置方式：所述步驟2.1)中，在將3D場景模型寫入網(wǎng)頁代碼時(shí)，采用three.js中的加載文件，其中，OBJMTLLoader.js用于識(shí)別3D場景模型的本體，DDSLoader.js用于識(shí)別3D場景模型的貼圖，MTLLoader.js用于識(shí)別3D場景模型的材質(zhì)。進(jìn)一步的為更好地實(shí)現(xiàn)本專利技術(shù)，特別采用下述設(shè)置方式：所述步驟2.3)具體為：利用OrbitControls控制器進(jìn)行相機(jī)和3D場景模型的操控，包括以下動(dòng)作：通過代碼autoRotateSpeed的值設(shè)置某點(diǎn)不動(dòng)的旋轉(zhuǎn)速度，進(jìn)行整個(gè)三維環(huán)境旋轉(zhuǎn)；通過代碼keyPanSpeed的值設(shè)置平移速度，能夠讓用戶通過鼠標(biāo)或者手指的觸碰，進(jìn)行任意方向的前進(jìn)、后退、停止；在3D場景模型任意方向上勻速運(yùn)動(dòng)。進(jìn)一步的為更好地實(shí)現(xiàn)本專利技術(shù)，特別采用下述設(shè)置方式：所述步驟3)的數(shù)據(jù)包括代碼及附帶文件。所述步驟3)具體為：3.1)建立一個(gè)文件夾，將webgl的場景、控制器、加載器、燈光、相機(jī)、渲染器以及HTML、CSS、JavaScript等前端代碼文件，都存在這個(gè)文件夾中，用到的文件都引進(jìn)一個(gè)后綴為html的文件中；3.2)將這個(gè)文件夾連帶一個(gè)本地服務(wù)器打包到設(shè)備(優(yōu)選采用觸摸一體機(jī)，即打包到觸摸一體機(jī)的電腦主機(jī))上，通過本地服務(wù)器在設(shè)備(觸摸一體機(jī))的顯示屏上打開這個(gè)html，即可實(shí)現(xiàn)該項(xiàng)目的3D導(dǎo)覽圖。進(jìn)一步的為更好地實(shí)現(xiàn)本專利技術(shù)，特別采用下述設(shè)置方式：所述步驟4)具體為：游客通過觸摸設(shè)備(優(yōu)選采用觸摸一體機(jī))進(jìn)行觀看或/和操控導(dǎo)覽圖。進(jìn)一步的為更好地實(shí)現(xiàn)本專利技術(shù)，特別采用下述設(shè)置方式：在進(jìn)行3D場景模型制作之前還包括采集素材的步驟，所述采集素材為：建筑施工平面圖電子版；或者現(xiàn)場實(shí)測(cè)后按比例進(jìn)行繪制所得平面圖電子版，以及現(xiàn)場拍攝導(dǎo)覽路線途徑的各個(gè)空間的全方位照片。本專利技術(shù)與現(xiàn)有技術(shù)相比，具有以下優(yōu)點(diǎn)及有益效果：(1)本專利技術(shù)有鑒于現(xiàn)在主流的導(dǎo)覽技術(shù)的缺點(diǎn)之上，通過使用webgl技術(shù)，實(shí)現(xiàn)3D空間導(dǎo)覽，用戶可以通過在真實(shí)的3D環(huán)境中移動(dòng)，快速有效的找到路線，操作方便，導(dǎo)覽實(shí)用性強(qiáng)，體驗(yàn)感強(qiáng)。(2)本專利技術(shù)為一種全新的真實(shí)3D環(huán)境導(dǎo)覽，解決現(xiàn)有技術(shù)缺點(diǎn)(3)本專利技術(shù)的應(yīng)用能夠在真實(shí)的3D環(huán)境，讓用戶在導(dǎo)覽易用性上有了直觀的提高，解決了平面地圖導(dǎo)覽，只有線路，方位感不太好的用戶并不能有效使用的不足。(4)本專利技術(shù)的應(yīng)用時(shí)，在3D環(huán)境中移動(dòng)線路，甚至觀看線路周圍環(huán)境，提高用戶的體驗(yàn)感，解決了krpano一個(gè)地點(diǎn)到另一個(gè)地點(diǎn)的瞬間移動(dòng)場景，體驗(yàn)感差的問題。(5)本專利技術(shù)集合市面上導(dǎo)航的優(yōu)點(diǎn)，同時(shí)解決了易用性和體驗(yàn)感的問題。附圖說明圖1為本專利技術(shù)在使用時(shí)，在第三視角的情況下所展示的一種3D場景模型實(shí)際效果圖。圖2為本專利技術(shù)在使用時(shí)，在第一視角的情況下所展示的一種3D場景模型實(shí)際效果圖。具體實(shí)施方式下面結(jié)合實(shí)施例對(duì)本專利技術(shù)作進(jìn)一步地詳細(xì)說明，但本專利技術(shù)的實(shí)施方式不限于此。為使本專利技術(shù)實(shí)施方式的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本專利技術(shù)實(shí)施方式中的附圖，對(duì)本專利技術(shù)實(shí)施方式中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施方式是本專利技術(shù)一部分實(shí)施方式，而不是全部的實(shí)施方式。基于本專利技術(shù)中的實(shí)施方式，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施方式，都屬于本專利技術(shù)保護(hù)的范圍。因此，以下對(duì)在附圖中提供的本專利技術(shù)的實(shí)施方式的詳細(xì)描述并非旨在限制要求保護(hù)的本專利技術(shù)的范圍，而是僅僅表示本專利技術(shù)的選定實(shí)施方式。基于本專利技術(shù)中的實(shí)施方式，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施方式，都屬于本專利技術(shù)保護(hù)的范圍。在本專利技術(shù)的描述中，需要理解的是，術(shù)語“中心”、“縱向”、“橫向”、“長度”、“寬度”、“厚度”、“上”、“下”、“前”、“后”、“左”、“右”、“豎直”、“水平”、“頂”、“底”、“內(nèi)”、“外”、“順時(shí)針”、“逆時(shí)針”等指示的方位或位置關(guān)系為基于附圖所示的方位或位置關(guān)系，僅是為了便于描述本專利技術(shù)和簡化描本文檔來自技高網(wǎng)...

【技術(shù)保護(hù)點(diǎn)】
1.一種3D導(dǎo)覽方法，其特征在于：包括以下具體步驟：1)制作3D場景模型；2)實(shí)現(xiàn)行走的交互功能；3)將數(shù)據(jù)寫入設(shè)備中，形成導(dǎo)覽圖；4)導(dǎo)覽圖的使用。

【技術(shù)特征摘要】
1.一種3D導(dǎo)覽方法，其特征在于：包括以下具體步驟：1)制作3D場景模型；2)實(shí)現(xiàn)行走的交互功能；3)將數(shù)據(jù)寫入設(shè)備中，形成導(dǎo)覽圖；4)導(dǎo)覽圖的使用。2.根據(jù)權(quán)利要求1所述的3D導(dǎo)覽方法，其特征在于：所述步驟1)包括以下具體步驟：1.1)根據(jù)建筑平面圖制作出3D的空間結(jié)構(gòu)模型；1.2)根據(jù)實(shí)拍照片進(jìn)一步制作出導(dǎo)覽線路途經(jīng)的空間細(xì)節(jié)模型；所述空間細(xì)節(jié)模型用于還原場景細(xì)節(jié)，且能夠控制3D場景模型的大小。3.根據(jù)權(quán)利要求2所述的3D導(dǎo)覽方法，其特征在于：在進(jìn)行3D場景模型建立時(shí)所涉及的要素包括：場景：模型、材質(zhì)以及燈光所構(gòu)成的一個(gè)三維空間；材質(zhì)：包括繪制材質(zhì)及拍攝貼圖材質(zhì)；燈光：包括環(huán)境光、點(diǎn)光源；相機(jī)：采用透視相機(jī)。4.根據(jù)權(quán)利要求1所述的3D導(dǎo)覽方法，其特征在于：所述步驟2)包括以下具體步驟：2.1)通過WEBGL技術(shù)將3D場景模型寫入網(wǎng)頁代碼；2.2)在3D場景模型中寫入相機(jī)；2.3)操控相機(jī)和3D場景模型，實(shí)現(xiàn)在真實(shí)3D環(huán)境中移動(dòng)、變換視角。5.根據(jù)權(quán)利要求4所述的3D導(dǎo)覽方法，其特征在于：所述步驟2.1)中，在將3D場景模型寫入網(wǎng)頁代碼時(shí)，采用three.js中的加載文件，其中，OBJMTLLoader.js用于識(shí)別3D場景模型的本體，DDSLoader.js用于識(shí)別3D場景模型的貼圖，MTLLoader.js用于識(shí)別3D場景模型的材質(zhì)。6.根據(jù)權(quán)利要求4所述的3D導(dǎo)覽...

【專利技術(shù)屬性】
技術(shù)研發(fā)人員：鄭蒙，唐曉慧，董渝，李驥東，鄧霖，張洪裴，劉家興，
申請(qǐng)(專利權(quán))人：中國移動(dòng)通信集團(tuán)西藏有限公司，
類型：發(fā)明
國別省市：西藏,54