隨著計算機科學的飛速發(fā)展,我國互聯(lián)網(wǎng)技術(shù)也有了突飛猛進的進步。在互聯(lián)網(wǎng)相關(guān)應用中,三維模型展示功能作為一種新興手段,符合了當代人民對生活質(zhì)量更高的需求。如今市場上的一些可以進行三維模型展示的系統(tǒng),往往都依賴于APP軟件或者客戶端,但額外的安裝過程給用戶帶來了多余的使用步驟,對許多用戶來說并不值得特地安裝這些應用端來體驗三維展示效果。如果有一款方便、快捷、使用簡單的三維模型展示系統(tǒng),將很大的提高對用戶的吸引力。三維模型展示功能在家居的設計與銷售上具有巨大的潛力,針對目前市場上大多數(shù)家具的銷售都是以圖片的形式進行展示這一特點,本文研究并開發(fā)出一款三維全景家具展示平臺,彌補了家具銷售中三維模型展示方面的空缺,同時以基于Web端的開發(fā)方式避免了用戶使用時還得下載額外應用程序的繁瑣步驟。本文通過基于WebGL的Three.js技術(shù)實現(xiàn)了家具在網(wǎng)頁上的三維全景展示效果,用戶可以自行上傳室內(nèi)實景圖,選擇家具模型來展示在以實景圖為背景的三維空間中,并能夠與家具模型進行交互,通過對家具模型進行平移、旋轉(zhuǎn)、縮放等操作擺放出想要的家居效果。三維空間中的高度或深度數(shù)據(jù)通常情況下很難獲得,需要一系列復雜的三維重... 

【文章來源】：成都理工大學四川省

【文章頁數(shù)】：83 頁

【學位級別】：碩士

【部分圖文】：

場景中各元素的關(guān)系圖

在 WebGL 中使用正交投影照相機來實現(xiàn)，場景中的效果就像是一個數(shù)學中常見的基礎長方體，如圖2-2 所示一樣。圖 2-2 平行投影效果圖平行投影的視景體（Frustum）也是一個長方體，它的特點是當空間中相機位置發(fā)生距離變化時，其視景體中所產(chǎn)生影像的大小并不會隨之發(fā)生改變（姜玲燕，2013）。Three.js 提供了平行投影構(gòu)造函數(shù)，通過在頁面中直接引用來實現(xiàn)平行投影：THREE.OrthographicCamera(left,right,top,bottom,near,far)，函數(shù)中的六個參數(shù)

圖 2-3 平行投影視景圖矩陣公式如公式 2-1 所示，width 代表相機eye 代表相機所在位置，eye 的下標表示在表示投影里的近平面與遠平面，在視景體能

【參考文獻】：
期刊論文
[1]JSON與XML動態(tài)轉(zhuǎn)換研究及應用[J]. 劉立,趙建軍,張錦鵬,余進.  軟件導刊. 2018(11)
[2]基于Ajax技術(shù)和JAVAEE的分頁查詢優(yōu)化[J]. 林萍,朱嬋.  計算機系統(tǒng)應用. 2017(08)
[3]基于WebGL的交互平臺設計與實現(xiàn)[J]. 汪浩,田豐,張文俊.  電子測量技術(shù). 2015(08)
[4]HTML5-下一代Web開發(fā)技術(shù)[J]. 李國華.  大眾科技. 2015(07)
[5]淺談Node.js異步編程中回調(diào)和異步調(diào)用的區(qū)別[J]. 李梅.  通訊世界. 2015(06)
[6]基于WebGL的三維WebGIS場景實現(xiàn)[J]. 朱麗萍,李洪奇,杜萌萌,王瑩.  計算機工程與設計. 2014(10)
[7]一種基于OpenCV的高效車牌識別系統(tǒng)實現(xiàn)[J]. 劉云鵬,李瑾,潘聞.  電子世界. 2014(09)
[8]一種快速的可變形物體的碰撞檢測算法[J]. 譚睿璞,趙偉.  計算機工程與應用. 2014(09)
[9]基于WebGL的三維數(shù)字水利展示系統(tǒng)研究[J]. 周陽,佘江峰,唐一鳴.  測繪與空間地理信息. 2014(03)
[10]Display Method for Online Bookstore Emulating Real Bookstore by WebGL[J]. Kazuhisa Yanaka,Terumichi Iizuka.  Journal of Electronic Science and Technology. 2014(01)

碩士論文
[1]基于機器視覺小麥葉片含水量檢測研究[D]. 周田田.山東農(nóng)業(yè)大學 2017
[2]基于Threejs技術(shù)的虛擬校園設計與實現(xiàn)[D]. 王芳芳.浙江工商大學 2017
[3]虛擬現(xiàn)實中碰撞檢測算法研究[D]. 劉麗.天津大學 2014
[4]基于WebGL的海洋樣品三維可視化的研究[D]. 高辰飛.中國海洋大學 2014
[5]基于Unity3D的虛擬校園設計[D]. 周超.湖北大學 2014
[6]企業(yè)級信息系統(tǒng)快速開發(fā)框架的設計與實現(xiàn)[D]. 李巍.上海交通大學 2013
[7]基于OBB包圍盒的碰撞檢測算法改進[D]. 黃可.西南大學 2011
[8]當代數(shù)字動畫前沿技術(shù)解析[D]. 程雅倩.山東師范大學 2010
[9]虛擬現(xiàn)實中基于組件的碰撞檢測技術(shù)研究[D]. 王祎.吉林大學 2005



本文編號：2990819