本文關(guān)鍵詞：基于HTML5的水利樞紐仿真系統(tǒng)的研究與實(shí)現(xiàn)，，由筆耕文化傳播整理發(fā)布。

【摘要】：當(dāng)前網(wǎng)絡(luò)上的教育、培訓(xùn)平臺(tái)大多使用文字、圖片、視頻等方式與用戶進(jìn)行交互,這樣的交互方式無疑使用戶很難沉浸其中。并且這些平臺(tái)還大都存在這兼容性差、安全性低、需要不同插件支持等問題。針對上述問題,本文采用了具有更深的沉浸性、更好的交互性的虛擬現(xiàn)實(shí)技術(shù)來增強(qiáng)用戶體驗(yàn),并結(jié)合最新的HTML5技術(shù)開發(fā)了水利樞紐仿真系統(tǒng),解決了傳統(tǒng)的平臺(tái)用戶體驗(yàn)差以及平臺(tái)本身兼容性、安全性等問題。整個(gè)系統(tǒng)的實(shí)現(xiàn)過程主要包含三個(gè)部分。首先通過3D MAX創(chuàng)建三維模型,并通過3D MAX的導(dǎo)出功能生成obj和mtl格式的模型文件和材質(zhì)文件。然后使用Three.js引擎加載模型、創(chuàng)建燈光并進(jìn)行渲染構(gòu)建虛擬場景。在虛擬場景中使用JavaScript、WebGL以及HTML5等技術(shù)實(shí)現(xiàn)全景漫游以及人機(jī)交互的功能。最后使用CSS3、HTML5等技術(shù)實(shí)現(xiàn)登錄界面以及本地存儲(chǔ)等功能,集成并實(shí)現(xiàn)整個(gè)系統(tǒng)的功能。本文創(chuàng)新性的采用3D MAX建模,并結(jié)合虛擬現(xiàn)實(shí)技術(shù)與HTML5、JavaScript、WebGL等技術(shù)來進(jìn)行水利樞紐仿真的構(gòu)建。采用3D MAX建模使虛擬環(huán)境更加真實(shí),用戶可以通過一些交互技術(shù)控制三維模型,從而達(dá)到培訓(xùn)、實(shí)習(xí)的目的。虛擬現(xiàn)實(shí)技術(shù)提高了用戶體驗(yàn),是用戶更能沉浸到整個(gè)系統(tǒng)之中去。HTML5技術(shù)幫助水利樞紐仿真系統(tǒng)可以不使用插件在瀏覽器中運(yùn)行,并且降低了硬件的需求提高了網(wǎng)絡(luò)的交互速度,使整個(gè)系統(tǒng)具有更好的兼容性、更高的安全性。JavaScript、WebGL等開源性的代碼,使整個(gè)系統(tǒng)更加開放,擴(kuò)展性更強(qiáng)。基于HTML5框架的水利樞紐仿真系統(tǒng)的實(shí)現(xiàn)證明了虛擬現(xiàn)實(shí)技術(shù)與HTML5等網(wǎng)絡(luò)技術(shù)結(jié)合的可行性,并且虛擬現(xiàn)實(shí)技術(shù)的沉浸性、交互性以及HTML5等網(wǎng)絡(luò)技術(shù)可以幫助仿真系統(tǒng)具有更好的兼容性,更高效更安全的運(yùn)行在瀏覽器中,讓虛擬仿真系統(tǒng)在工程施工、工程設(shè)計(jì)、實(shí)驗(yàn)、教育培訓(xùn)等方面有著更加突出的效果。
【關(guān)鍵詞】：HTML5 虛擬現(xiàn)實(shí) 3D MAX 水利樞紐 Three.js
【學(xué)位授予單位】：河北工程大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2016
【分類號】：TP391.9;TV61
【目錄】：

• 摘要5-6
• Abstract6-10
• 第1章 緒論10-15
• 1.1 課題研究的背景10-11
• 1.2 國內(nèi)外研究現(xiàn)狀11
• 1.3 課題的研究內(nèi)容和方法11-13
• 1.4 研究的目的和意義13-15
• 第2章 系統(tǒng)的開發(fā)環(huán)境及工具的選擇15-25
• 2.1 虛擬現(xiàn)實(shí)技術(shù)的介紹15-17
• 2.1.1 虛擬現(xiàn)實(shí)技術(shù)的概念15-16
• 2.1.2 虛擬現(xiàn)實(shí)技術(shù)的特點(diǎn)16-17
• 2.1.3 虛擬現(xiàn)實(shí)系統(tǒng)的分類17
• 2.2 虛擬現(xiàn)實(shí)開發(fā)工具17-18
• 2.3 HTML5概述18-24
• 2.3.1 JavaScript技術(shù)概述20-21
• 2.3.2 WebGL技術(shù)簡介21-22
• 2.3.3 CSS3簡介22-24
• 2.4 本章小結(jié)24-25
• 第3章 三維模型建立25-47
• 3.1 建模工具的選擇25
• 3.2 3D MAX介紹25-26
• 3.3 溢流壩段與非溢流壩段基本剖面建立26-33
• 3.3.1 非溢流壩段基本剖面建立27-30
• 3.3.2 溢流壩段剖面建立30-33
• 3.4 廠房壩段基本剖面建立33-35
• 3.4.1 壩體基本剖面建立33-34
• 3.4.2 廠房模型建立34-35
• 3.5 水域及山體環(huán)境建模35-37
• 3.6 材質(zhì)貼圖37-39
• 3.7 水流模擬39-42
• 3.7.1 RealFlow與 3D MAX接口安裝39-40
• 3.7.2 RealFlow水流模擬40-41
• 3.7.3 3D MAX導(dǎo)入RealFlow水流41-42
• 3.8 模型優(yōu)化42-47
• 第4章 虛擬場景實(shí)現(xiàn)47-58
• 4.1 Three.js引擎47-48
• 4.1.1 Three.js引擎介紹47
• 4.1.2 開發(fā)環(huán)境構(gòu)建47-48
• 4.1.3 交互原理48
• 4.2 虛擬場景的構(gòu)建48-50
• 4.3 場景漫游50-53
• 4.4 碰撞測試53-54
• 4.5 虛擬裝配的動(dòng)畫制作54-56
• 4.6 導(dǎo)流底孔工作門開啟動(dòng)畫56-58
• 第5章 系統(tǒng)的集成與實(shí)現(xiàn)58-64
• 5.1 系統(tǒng)結(jié)構(gòu)58-59
• 5.2 用戶界面設(shè)計(jì)59-61
• 5.3 本地存儲(chǔ)功能61
• 5.4 系統(tǒng)的實(shí)現(xiàn)61-63
• 5.5 瀏覽器兼容性測試63-64
• 結(jié)論64-66
• 1 課題小結(jié)64
• 2 課題的創(chuàng)新點(diǎn)64-65
• 3 前景展望65-66
• 致謝66-67
• 參考文獻(xiàn)67-71
• 作者簡介71
• 發(fā)表論文及科研情況說明71

【參考文獻(xiàn)】

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

1 楊潤斌;梁文章;陳姝;;基于WebGL的3D動(dòng)畫實(shí)時(shí)播放系統(tǒng)[J];計(jì)算機(jī)系統(tǒng)應(yīng)用;2015年11期

2 任宏康;祝若鑫;李風(fēng)光;王新量;;基于Three.js的真實(shí)三維地形可視化設(shè)計(jì)與實(shí)現(xiàn)[J];測繪與空間地理信息;2015年10期

3 王敏;張昆;;基于THREE.JS和Google Map API的網(wǎng)頁交互可視化技術(shù)——以等角航線為例[J];測繪與空間地理信息;2015年07期

4 王騰飛;劉俊男;周更新;;基于Three.js 3D引擎的三維網(wǎng)頁實(shí)現(xiàn)與加密[J];企業(yè)技術(shù)開發(fā);2014年02期

5 邱珊;;使用HTML5 Web Worker提高Web的應(yīng)用性能研究[J];軟件導(dǎo)刊;2013年12期

6 劉海娜;林予松;王宗敏;;利用HTML5開發(fā)全景漫游系統(tǒng)[J];中國教育網(wǎng)絡(luò);2013年07期

7 馮科融;王和興;連加美;劉偉;賈賀杰;;基于HTML5的3D多人網(wǎng)頁游戲?qū)崿F(xiàn)方案[J];微型機(jī)與應(yīng)用;2013年01期

8 劉愛華;韓勇;張小壘;陳戈;;基于WebGL技術(shù)的網(wǎng)絡(luò)三維可視化研究與實(shí)現(xiàn)[J];地理空間信息;2012年05期

9 李慧云;何震葦;李麗;陸鋼;;HTML5技術(shù)與應(yīng)用模式研究[J];電信科學(xué);2012年05期

10 梁春燕;陳麗麗;許憲玲;紀(jì)翠竹;耿麗焱;;淺析HTML5和CSS3的新交互特性[J];數(shù)字技術(shù)與應(yīng)用;2012年04期

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

1 魏炯明;基于HTML5的流程工業(yè)過程遠(yuǎn)程仿真培訓(xùn)系統(tǒng)開發(fā)[D];北京化工大學(xué);2015年

2 欒飛;基于Unity3D的液壓傳動(dòng)虛擬仿真教學(xué)系統(tǒng)開發(fā)[D];山東建筑大學(xué);2015年

3 陳澤鵬;基于HTML5技術(shù)的移動(dòng)數(shù)字校園的研究與應(yīng)用[D];湖南大學(xué);2014年

4 姜那;3D游戲中碰撞檢測算法的研究[D];吉林農(nóng)業(yè)大學(xué);2014年

5 沈亞芳;基于HTML5的信息化人才培訓(xùn)系統(tǒng)設(shè)計(jì)[D];華東理工大學(xué);2014年

6 王暉;基于HTML5的博物館展示系統(tǒng)的研究與實(shí)現(xiàn)[D];華南理工大學(xué);2013年

7 張璐;基于虛擬現(xiàn)實(shí)技術(shù)的用戶界面設(shè)計(jì)與研究[D];東華大學(xué);2013年

8 李重;3D MAX插件在三維建筑制作過程中的可用性評估[D];山東大學(xué);2012年

9 李新;水電站虛擬環(huán)境中的沉浸式人機(jī)交互技術(shù)研究[D];南京理工大學(xué);2011年

10 朱濤;虛擬現(xiàn)實(shí)中場景建模技術(shù)研究及應(yīng)用[D];武漢理工大學(xué);2010年

  本文關(guān)鍵詞：基于HTML5的水利樞紐仿真系統(tǒng)的研究與實(shí)現(xiàn)，由筆耕文化傳播整理發(fā)布。

本文編號：283112