發(fā)布時間：2017-08-02 12:03

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

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

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

• 摘要5-6
• Abstract6-13
• 縮略字表13-14
• 第一章 引言14-18
• 1.1 項目背景14
• 1.2 國內(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)虛擬機的區(qū)別27-28
• 2.8.2 適用場景28
• 2.9 阿里云服務(wù)28-29
• 2.10 本章小結(jié)29-30
• 第三章 全景3D漫游系統(tǒng)的需求分析30-40
• 3.1 項目整體概述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è)計40-55
• 4.1 系統(tǒng)的總體設(shè)計40-45
• 4.1.1 系統(tǒng)的設(shè)計目標40
• 4.1.2 全景標簽設(shè)計40
• 4.1.3 系統(tǒng)API設(shè)計40-42
• 4.1.4 系統(tǒng)模塊劃分42-43
• 4.1.5 系統(tǒng)整體架構(gòu)設(shè)計43-45
• 4.2 系統(tǒng)的詳細設(shè)計45-52
• 4.2.1 查看全景子系統(tǒng)詳細設(shè)計45-48
• 4.2.2 處理拍攝數(shù)據(jù)子系統(tǒng)詳細設(shè)計48-49
• 4.2.3 模型管理子系統(tǒng)詳細設(shè)計49-52
• 4.3 數(shù)據(jù)庫設(shè)計52-54
• 4.4 本章小結(jié)54-55
• 第五章 全景3D漫游系統(tǒng)的實現(xiàn)55-73
• 5.1 查看全景子系統(tǒng)的實現(xiàn)55-60
• 5.1.1 查詢處理模塊的實現(xiàn)55-57
• 5.1.2 數(shù)據(jù)處理模塊的實現(xiàn)57-58
• 5.1.3 頁面顯示模塊的實現(xiàn)58-60
• 5.2 處理拍攝子系統(tǒng)的實現(xiàn)60-62
• 5.2.1 數(shù)據(jù)處理模塊的實現(xiàn)60-61
• 5.2.2 自動拼圖模塊的實現(xiàn)61-62
• 5.3 模型管理子系統(tǒng)的實現(xiàn)62-72
• 5.3.1 數(shù)據(jù)存取模塊的實現(xiàn)62-63
• 5.3.2 行為模塊的實現(xiàn)63-67
• 5.3.3 事件派發(fā)模塊的實現(xiàn)67-68
• 5.3.4 數(shù)據(jù)處理模塊的實現(xiàn)68-70
• 5.3.5 頁面顯示模塊的實現(xiàn)70-72
• 5.4 本章小結(jié)72-73
• 第六章 總結(jié)與展望73-75
• 6.1 總結(jié)73
• 6.2 進一步工作展望73-75
• 參考文獻75-78
• 致謝78-80

【參考文獻】

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

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

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

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

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

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

，

本文編號：609157