基于HTML5 Canvas的雙目立體網(wǎng)頁的生成研究.pdf

1、隨著科技的不斷進(jìn)步，近幾年雙目立體技術(shù)正成為人們關(guān)注的熱點(diǎn)。2010年被稱為3D電視元年，2016年被稱為VR元年，3D和VR被廣泛的應(yīng)用在電視，電影，游戲，售房和景區(qū)旅游等方面，體現(xiàn)了其獨(dú)特的魅力，成為了一個(gè)廣受歡迎的嶄新技術(shù)?，F(xiàn)如今，3D和VR顯示器制造工藝行業(yè)競爭相對激烈，各大公司為增加競爭力而降低顯示器售價(jià)，3D顯示器的市場也逐漸被打開，3D顯示器已經(jīng)成為市場熱銷的大眾電子產(chǎn)品。人們可以通過3D立體顯示器觀看熱映的電影電視，給人

2、們帶來了視覺上的極致享受，但是美中不足的是目前還沒有能在3D顯示器上呈現(xiàn)具有縱深感的立體網(wǎng)頁。針對這一空缺，本論文設(shè)計(jì)了一款基于HTML5 Canvas的雙目立體網(wǎng)頁。下面即是在本文所研究的幾個(gè)方面:
　　(1)雙目立體成像系統(tǒng)的理論分析:雙目立體成像是指通過模擬人眼瞳距，獲取相關(guān)圖像，將圖像進(jìn)行傳輸后得到具有三維信息的二維圖像，最后使生成的目標(biāo)物能展現(xiàn)出立體效果。因?yàn)橥嗟拇嬖?，所以人在觀看物體時(shí)能看到兩個(gè)視角，雙眼看到的圖像傳

3、輸?shù)酱竽X，通過大腦對物體的重建，最終使看到的物體具有空間立體感。雙目立體成像系統(tǒng)的幾個(gè)組成部分中著重描述了觀察顯示設(shè)備，分析了幾種顯示設(shè)備的優(yōu)缺點(diǎn)，最后概括了雙目立體成像在幾個(gè)主要領(lǐng)域的應(yīng)用。
　　(2)基于雙目立體的3DS MAX建模及立體標(biāo)定實(shí)驗(yàn):探討了雙目立體中三種坐標(biāo)系（圖像坐標(biāo)系、世界坐標(biāo)系和攝像機(jī)坐標(biāo)系）之間的關(guān)系及轉(zhuǎn)化。通過3DSMAX建模，統(tǒng)計(jì)在不同基線距離和深度下對應(yīng)的深度誤差大小，通過折線圖選出最佳基線距離和深

4、度值，為雙目立體網(wǎng)頁的制作確定相關(guān)參數(shù)。為驗(yàn)證建模數(shù)據(jù)的可行性，根據(jù)建模得出的結(jié)論及規(guī)律，制作立體標(biāo)定實(shí)驗(yàn)，用兩臺(tái)型號參數(shù)相同攝像機(jī)對黑白棋盤格進(jìn)行立體圖像對取樣，根據(jù)取樣情況對左右兩圖片進(jìn)行剛性變換（旋轉(zhuǎn)，平移等），變換后的兩攝像機(jī)的主點(diǎn)連線平行像素坐標(biāo)的行線，最后生成的圖像對即具備了立體感。
　　(3)設(shè)計(jì)可在3D顯示器上顯示的雙目立體網(wǎng)頁:本文提出了一種基于HTML5Canvas的雙目立體網(wǎng)頁實(shí)現(xiàn)方法，Canvas元素是HT

5、ML5中新增加的重要繪制圖形元素，在制作網(wǎng)頁時(shí)使用它就相當(dāng)于添加了“畫布”，而javascript就是“畫筆”，編寫javascript腳本即可在Canvas上繪畫。普通2D網(wǎng)頁只具一般的2D屬性，本文設(shè)計(jì)的3D網(wǎng)頁可以將圖片、視頻和文字等2D信息通過調(diào)用Canvas中相關(guān)函數(shù)將網(wǎng)頁顯示的2D內(nèi)容擴(kuò)展為3D屬性，從而使網(wǎng)頁具有立體感，且生成的網(wǎng)頁能兼容現(xiàn)在主流的一些傳統(tǒng)瀏覽器，用戶能根據(jù)需要隨意在2D頁面和3D頁面間切換，非常便利。利用