隨著計(jì)算機(jī)和互聯(lián)網(wǎng)技術(shù)的發(fā)展,尤其進(jìn)入互聯(lián)網(wǎng)3.0時(shí)代,網(wǎng)速的快速提升,在互聯(lián)網(wǎng)相關(guān)應(yīng)用中,傳統(tǒng)的二維圖形已經(jīng)不能滿足社會(huì)發(fā)展的需要,三維場景的展現(xiàn)作為一種越來越流行的手段,符合當(dāng)代人民對(duì)生活更高質(zhì)量的要求。目前國內(nèi)大部分的三維展現(xiàn)場景都是基于固定模型的,不能根據(jù)實(shí)時(shí)數(shù)據(jù)進(jìn)行三維場景的模擬展現(xiàn),具有滯后性。因此,本文提出的基于實(shí)時(shí)數(shù)據(jù)源的場景三維形態(tài)的跟隨展現(xiàn)技術(shù)具有真實(shí)、高效、實(shí)時(shí)性等特點(diǎn),具體解決了三維場景的真實(shí)還原和三維實(shí)時(shí)監(jiān)測等問題。當(dāng)前有多種實(shí)現(xiàn)Web3D的技術(shù)解決方案,但是畫面質(zhì)量不佳、可視化效果不好、并需要安裝復(fù)雜的運(yùn)行環(huán)境,本文使用WebGL技術(shù),通過WebGL的引擎庫Three.js,無需安裝額外插件,即可在瀏覽器上流暢的運(yùn)行三維場景,并支持跨越多個(gè)平臺(tái),解決了其它Web3D技術(shù)方案存在的諸多問題。本文為實(shí)現(xiàn)前述基于實(shí)時(shí)數(shù)據(jù)源的場景三維形態(tài)的跟隨展現(xiàn)技術(shù),具體做了以下工作:首先,對(duì)一個(gè)WebGL的流行庫Three.js進(jìn)行了研究,并基于Three.js技術(shù)處理網(wǎng)頁中三維模型,解決了網(wǎng)頁場景中三維模型的加載、紋理貼圖、模型定位、實(shí)時(shí)渲染等問題,并且具有豐富的交互屬性。其... 

【文章來源】：電子科技大學(xué)四川省 211工程院校 985工程院校 教育部直屬院校

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

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

【部分圖文】：

關(guān)系型數(shù)據(jù)庫和非關(guān)系型數(shù)據(jù)庫的對(duì)比

WebGL結(jié)構(gòu)

電子科技大學(xué)碩士學(xué)位論文8擎的組合。而WebGL則是一種更為復(fù)雜的網(wǎng)頁展示添加了GLSLES和WebGL的技術(shù)支持[28]。GLSLES是一種著色器語言。JavaScript已經(jīng)對(duì)GLSLES的使用進(jìn)行了封裝。2.3.2WebGL渲染管線頁面上3D圖形的最底層取決于WebGL渲染機(jī)制。圖2-3顯示了渲染管線過程。（1）相關(guān)數(shù)據(jù)準(zhǔn)備：首先提供頂點(diǎn)坐標(biāo)，索引（三角形渲染順序），uv（由映射坐標(biāo)確定），法線（由照明效果確定）和各種矩陣（例如投影矩陣）。頂點(diǎn)數(shù)據(jù)存儲(chǔ)在緩沖區(qū)（大量）中，并與修飾符屬性一起傳遞到頂點(diǎn)著色器。矩陣以修飾符uniform一起傳遞到頂點(diǎn)著色器。（2）生成頂點(diǎn)著色器；根據(jù)需要，頂點(diǎn)著色器（opengles）程序字符串用Javascript定義生成，編譯為著色器程序，然后傳遞給GPU。（3）圖元裝配；GPU對(duì)每一個(gè)頂點(diǎn)進(jìn)行著色器程序的操作，通過逐一執(zhí)行之后，即可產(chǎn)生每個(gè)頂點(diǎn)的坐標(biāo)，并對(duì)其進(jìn)行坐標(biāo)轉(zhuǎn)換。（4）生成片元著色器；在此階段將處理模型顏色，模型紋理，照明效果和陰影。（5）柵格化；我們通過片元著色器，確定了每個(gè)片元的顏色，并根據(jù)深度緩沖區(qū)確定了哪些片元被阻止了，哪些不需要渲染，將片云信息儲(chǔ)存其中即可渲染成功。圖2-3WebGL渲染路線2.3.3WebGL開發(fā)流程WebGL是基于Web的OpenGL的移植版本，其渲染模型類似于OpenGL。使

【參考文獻(xiàn)】：
期刊論文
[1]基于WebGL的三維醫(yī)學(xué)影像在線教學(xué)系統(tǒng)[J]. 尚倩,張寅升.  高教學(xué)刊. 2018(06)
[2]基于WebGL的動(dòng)態(tài)地形實(shí)時(shí)繪制[J]. 鄭顧平,白若林.  軟件導(dǎo)刊. 2017(12)
[3]基于WebGL技術(shù)的游戲設(shè)計(jì)與制作[J]. 張冬寒,司占軍.  電腦知識(shí)與技術(shù). 2017(09)
[4]基于WebGL的三維可視化[J]. 何龍,杜鵬.  科技資訊. 2015(30)
[5]淺談Node.js異步編程中回調(diào)和異步調(diào)用的區(qū)別[J]. 李梅.  通訊世界. 2015(06)
[6]基于HTML5的移動(dòng)醫(yī)學(xué)影像可視化系統(tǒng)的研究[J]. 汪小鋒,阮增輝,鄭焜.  中國醫(yī)療設(shè)備. 2014(08)
[7]BIM國內(nèi)外標(biāo)準(zhǔn)綜述[J]. 鄭國勤,邱奎寧.  土木建筑工程信息技術(shù). 2012(01)
[8]Web3D及Web三維可視化新發(fā)展——以WebGL和O3D為例[J]. 韓義.  科技廣場. 2010(05)
[9]血管三維重建與傳統(tǒng)解剖學(xué)方法的對(duì)比研究[J]. 陳勝華,唐茂林,徐達(dá)傳,丁紅梅,劉暢,李澤宇,田喜光.  中國臨床解剖學(xué)雜志. 2009(05)
[10]基于XML-VRML的三維模型可視化系統(tǒng)[J]. 張倩茜,陳家新.  河南科技大學(xué)學(xué)報(bào)(自然科學(xué)版). 2005(06)

碩士論文
[1]制造系統(tǒng)設(shè)備設(shè)施三維可視化研究與應(yīng)用[D]. 劉冬冬.北京交通大學(xué) 2018
[2]基于WebGL的燈飾定制系統(tǒng)的研究[D]. 李浩.廣東工業(yè)大學(xué) 2017
[3]虛擬現(xiàn)實(shí)中碰撞檢測算法研究[D]. 劉麗.天津大學(xué) 2014
[4]三維地形生成的關(guān)鍵技術(shù)研究[D]. 劉海洋.哈爾濱工程大學(xué) 2012
[5]三維場景模型的快速構(gòu)建與應(yīng)用技術(shù)研究[D]. 肖烽.江西理工大學(xué) 2011
[6]基于JAVA3D虛擬現(xiàn)實(shí)場景的改進(jìn)LOD算法研究[D]. 葛順.武漢理工大學(xué) 2005



本文編號(hào)：3229945