本文關(guān)鍵詞：基于WebGL的全景3D漫游系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

  更多相關(guān)文章： 全景3D WebGL Three.js React Redux

【摘要】：隨著互聯(lián)網(wǎng)產(chǎn)業(yè)的蓬勃發(fā)展,不斷提高的業(yè)務(wù)復(fù)雜度使得二維圖形己無(wú)法滿(mǎn)足項(xiàng)目的需要。尤其是在租房市場(chǎng)以及家裝市場(chǎng),人們?cè)絹?lái)越傾向于通過(guò)3D場(chǎng)景來(lái)瀏覽房屋的內(nèi)部結(jié)構(gòu)和裝修風(fēng)格,達(dá)到身臨其境的效果。早期的三維圖形技術(shù)比如Java Applet、Flash存在諸多不足之處,例如占用資源多、性能低、平臺(tái)兼容性差。WebGL技術(shù)能夠以更高的效率實(shí)現(xiàn)三維動(dòng)畫(huà)的制作,而且克服了傳統(tǒng)三維全景技術(shù)存在的兼容性差、高成本,高門(mén)檻的缺點(diǎn)。但目前大部分的國(guó)內(nèi)全景產(chǎn)品都只是簡(jiǎn)單的圖片切換,并沒(méi)有真正做到讓用戶(hù)身臨其境的在全景中行走。基于上述背景,本文使用自主研發(fā)的3D掃描算法,設(shè)計(jì)并實(shí)現(xiàn)了基于WebGL提供行走式體驗(yàn)的全景3D漫游系統(tǒng)。本文設(shè)計(jì)并實(shí)現(xiàn)的全景3D漫游系統(tǒng),包含查看全景、處理坐標(biāo)數(shù)據(jù)和模型管理三個(gè)子系統(tǒng),其中查看全景子系統(tǒng)能夠幫助用戶(hù)查看全景頁(yè)面,在其中隨意走動(dòng)并與標(biāo)簽交互,按功能可以分為查詢(xún)數(shù)據(jù)、數(shù)據(jù)處理和頁(yè)面顯示三個(gè)模塊；處理拍攝數(shù)據(jù)子系統(tǒng)幫助客戶(hù)掃描并生成全景模型,按功能可以分為數(shù)據(jù)處理和自動(dòng)拼圖兩個(gè)模塊；模型管理子系統(tǒng)幫助客戶(hù)管理全景模型,并且可以基于模型的坐標(biāo)數(shù)據(jù)在全景中添加標(biāo)簽等功能,按功能可以分為數(shù)據(jù)存取、行為、事件派發(fā)、數(shù)據(jù)處理和頁(yè)面顯示五個(gè)模塊。該系統(tǒng)在前端基于React+Redux框架進(jìn)行開(kāi)發(fā),而后端在Docker容器中搭建NodeJS+express框架,采用MongoDB存儲(chǔ)文檔化數(shù)據(jù)。本人主要負(fù)責(zé)原型設(shè)計(jì),系統(tǒng)的查看全景和模型管理兩個(gè)子系統(tǒng)的實(shí)現(xiàn)。本文首先闡述了全景3D漫游系統(tǒng)的項(xiàng)目背景和該領(lǐng)域的研究現(xiàn)狀。其次,本文介紹了該系統(tǒng)涉及到的技術(shù)以及重要性。接著本文描述了全景3D漫游系統(tǒng)的業(yè)務(wù)流程和項(xiàng)目需求以及各個(gè)模塊的設(shè)計(jì)與實(shí)現(xiàn)。
【關(guān)鍵詞】：全景3D WebGL Three.js React Redux
【學(xué)位授予單位】：南京大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2016
【分類(lèi)號(hào)】：TP311.52
【目錄】：

• 摘要5-6
• Abstract6-13
• 縮略字表13-14
• 第一章 引言14-18
• 1.1 項(xiàng)目背景14
• 1.2 國(guó)內(nèi)外全景行業(yè)的發(fā)展概況14-15
• 1.3 本文主要研究的工作15-16
• 1.4 本文的組織結(jié)構(gòu)16-18
• 第二章 技術(shù)綜述18-30
• 2.1 WebGL18-19
• 2.2 Three.js19-20
• 2.3 RequireJS20-22
• 2.4 REST22-23
• 2.5 React23-24
• 2.6 Redux24
• 2.7 Webpack24-26
• 2.8 Docker26-28
• 2.8.1 與傳統(tǒng)虛擬機(jī)的區(qū)別27-28
• 2.8.2 適用場(chǎng)景28
• 2.9 阿里云服務(wù)28-29
• 2.10 本章小結(jié)29-30
• 第三章 全景3D漫游系統(tǒng)的需求分析30-40
• 3.1 項(xiàng)目整體概述30-31
• 3.2 系統(tǒng)的功能性需求分析31-38
• 3.2.1 系統(tǒng)總體功能分析31-32
• 3.2.2 查看全景功能分析32-34
• 3.2.3 處理拍攝數(shù)據(jù)功能分析34-35
• 3.2.4 模型管理功能分析35-38
• 3.3 系統(tǒng)的非功能性需求分析38-39
• 3.3.1 可靠性38
• 3.3.2 易用性38
• 3.3.3 安全性38
• 3.3.4 兼容性38-39
• 3.4 本章小結(jié)39-40
• 第四章 全景3D漫游系統(tǒng)的設(shè)計(jì)40-55
• 4.1 系統(tǒng)的總體設(shè)計(jì)40-45
• 4.1.1 系統(tǒng)的設(shè)計(jì)目標(biāo)40
• 4.1.2 全景標(biāo)簽設(shè)計(jì)40
• 4.1.3 系統(tǒng)API設(shè)計(jì)40-42
• 4.1.4 系統(tǒng)模塊劃分42-43
• 4.1.5 系統(tǒng)整體架構(gòu)設(shè)計(jì)43-45
• 4.2 系統(tǒng)的詳細(xì)設(shè)計(jì)45-52
• 4.2.1 查看全景子系統(tǒng)詳細(xì)設(shè)計(jì)45-48
• 4.2.2 處理拍攝數(shù)據(jù)子系統(tǒng)詳細(xì)設(shè)計(jì)48-49
• 4.2.3 模型管理子系統(tǒng)詳細(xì)設(shè)計(jì)49-52
• 4.3 數(shù)據(jù)庫(kù)設(shè)計(jì)52-54
• 4.4 本章小結(jié)54-55
• 第五章 全景3D漫游系統(tǒng)的實(shí)現(xiàn)55-73
• 5.1 查看全景子系統(tǒng)的實(shí)現(xiàn)55-60
• 5.1.1 查詢(xún)處理模塊的實(shí)現(xiàn)55-57
• 5.1.2 數(shù)據(jù)處理模塊的實(shí)現(xiàn)57-58
• 5.1.3 頁(yè)面顯示模塊的實(shí)現(xiàn)58-60
• 5.2 處理拍攝子系統(tǒng)的實(shí)現(xiàn)60-62
• 5.2.1 數(shù)據(jù)處理模塊的實(shí)現(xiàn)60-61
• 5.2.2 自動(dòng)拼圖模塊的實(shí)現(xiàn)61-62
• 5.3 模型管理子系統(tǒng)的實(shí)現(xiàn)62-72
• 5.3.1 數(shù)據(jù)存取模塊的實(shí)現(xiàn)62-63
• 5.3.2 行為模塊的實(shí)現(xiàn)63-67
• 5.3.3 事件派發(fā)模塊的實(shí)現(xiàn)67-68
• 5.3.4 數(shù)據(jù)處理模塊的實(shí)現(xiàn)68-70
• 5.3.5 頁(yè)面顯示模塊的實(shí)現(xiàn)70-72
• 5.4 本章小結(jié)72-73
• 第六章 總結(jié)與展望73-75
• 6.1 總結(jié)73
• 6.2 進(jìn)一步工作展望73-75
• 參考文獻(xiàn)75-78
• 致謝78-80

【參考文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫(kù) 前3條

1 趙孔陽(yáng);朱軍;尹靈芝;;基于WebGL的虛擬場(chǎng)景網(wǎng)絡(luò)漫游研究[J];測(cè)繪與空間地理信息;2015年12期

2 榮艷冬;;基于WebGL的3D技術(shù)在網(wǎng)頁(yè)中的運(yùn)用[J];信息安全與技術(shù);2015年08期

3 潘冰;;面向資源的RESTful Web應(yīng)用研究[J];微計(jì)算機(jī)應(yīng)用;2010年07期

中國(guó)碩士學(xué)位論文全文數(shù)據(jù)庫(kù) 前1條

1 劉海娜;基于HTML5的全景漫游技術(shù)研究[D];鄭州大學(xué);2013年

，

本文編號(hào)：609157