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

【文章來(lái)源】：成都理工大學(xué)四川省

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

【學(xué)位級(jí)別】：碩士

【部分圖文】：

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

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

圖 2-3 平行投影視景圖矩陣公式如公式 2-1 所示，width 代表相機(jī)eye 代表相機(jī)所在位置，eye 的下標(biāo)表示在表示投影里的近平面與遠(yuǎn)平面，在視景體能

【參考文獻(xiàn)】：
期刊論文
[1]JSON與XML動(dòng)態(tài)轉(zhuǎn)換研究及應(yīng)用[J]. 劉立,趙建軍,張錦鵬,余進(jìn).  軟件導(dǎo)刊. 2018(11)
[2]基于Ajax技術(shù)和JAVAEE的分頁(yè)查詢(xún)優(yōu)化[J]. 林萍,朱嬋.  計(jì)算機(jī)系統(tǒng)應(yīng)用. 2017(08)
[3]基于WebGL的交互平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[J]. 汪浩,田豐,張文俊.  電子測(cè)量技術(shù). 2015(08)
[4]HTML5-下一代Web開(kāi)發(fā)技術(shù)[J]. 李國(guó)華.  大眾科技. 2015(07)
[5]淺談Node.js異步編程中回調(diào)和異步調(diào)用的區(qū)別[J]. 李梅.  通訊世界. 2015(06)
[6]基于WebGL的三維WebGIS場(chǎng)景實(shí)現(xiàn)[J]. 朱麗萍,李洪奇,杜萌萌,王瑩.  計(jì)算機(jī)工程與設(shè)計(jì). 2014(10)
[7]一種基于OpenCV的高效車(chē)牌識(shí)別系統(tǒng)實(shí)現(xiàn)[J]. 劉云鵬,李瑾,潘聞.  電子世界. 2014(09)
[8]一種快速的可變形物體的碰撞檢測(cè)算法[J]. 譚睿璞,趙偉.  計(jì)算機(jī)工程與應(yīng)用. 2014(09)
[9]基于WebGL的三維數(shù)字水利展示系統(tǒng)研究[J]. 周陽(yáng),佘江峰,唐一鳴.  測(cè)繪與空間地理信息. 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]基于機(jī)器視覺(jué)小麥葉片含水量檢測(cè)研究[D]. 周田田.山東農(nóng)業(yè)大學(xué) 2017
[2]基于Threejs技術(shù)的虛擬校園設(shè)計(jì)與實(shí)現(xiàn)[D]. 王芳芳.浙江工商大學(xué) 2017
[3]虛擬現(xiàn)實(shí)中碰撞檢測(cè)算法研究[D]. 劉麗.天津大學(xué) 2014
[4]基于WebGL的海洋樣品三維可視化的研究[D]. 高辰飛.中國(guó)海洋大學(xué) 2014
[5]基于Unity3D的虛擬校園設(shè)計(jì)[D]. 周超.湖北大學(xué) 2014
[6]企業(yè)級(jí)信息系統(tǒng)快速開(kāi)發(fā)框架的設(shè)計(jì)與實(shí)現(xiàn)[D]. 李巍.上海交通大學(xué) 2013
[7]基于OBB包圍盒的碰撞檢測(cè)算法改進(jìn)[D]. 黃可.西南大學(xué) 2011
[8]當(dāng)代數(shù)字動(dòng)畫(huà)前沿技術(shù)解析[D]. 程雅倩.山東師范大學(xué) 2010
[9]虛擬現(xiàn)實(shí)中基于組件的碰撞檢測(cè)技術(shù)研究[D]. 王祎.吉林大學(xué) 2005



本文編號(hào)：2990819