雙目立體網(wǎng)頁(yè)的生成方法研究.pdf

1、近年來(lái),立體視覺(jué)理論不斷發(fā)展完善,對(duì)于3D內(nèi)容的處理能力也大幅增強(qiáng),越來(lái)越多的立體電影和電視節(jié)目進(jìn)入人們的視野。與此同時(shí),網(wǎng)絡(luò)在人們的工作、生活中扮演了越來(lái)越重要的作用,由于網(wǎng)頁(yè)具有的靈活性和跨平臺(tái)等特點(diǎn),包括3DTV、應(yīng)用軟件、游戲等都更多的采用網(wǎng)頁(yè)作為和用戶(hù)交互界面的實(shí)現(xiàn)方法;另一方面,隨著3D顯示技術(shù)的發(fā)展和進(jìn)一步成熟,3D顯示器制造工藝的發(fā)展和成本的下降,3D顯示器的價(jià)格也已經(jīng)逐漸能夠被普通消費(fèi)者所接受。因此,如何在3D顯示器上

2、呈現(xiàn)具有縱深感的立體網(wǎng)頁(yè)成為亟待解決的問(wèn)題。針對(duì)這一問(wèn)題,本論文分析了立體網(wǎng)頁(yè)的發(fā)展現(xiàn)狀,總結(jié)了實(shí)現(xiàn)立體網(wǎng)頁(yè)所需的相關(guān)技術(shù),在此基礎(chǔ)上提出了基于Canvas和WebGL的雙目立體網(wǎng)頁(yè)實(shí)現(xiàn)方法,并對(duì)它們各自的特點(diǎn)和適用范圍進(jìn)行了討論。
　　Canvas是HTML5規(guī)范中引入的2D圖形環(huán)境,它的主要用途是處理或者從頭創(chuàng)建2D圖形,而不是像嵌入audio和video元素那樣直接將現(xiàn)有媒體嵌入到網(wǎng)頁(yè)中。通過(guò)使用JavaScript API

3、來(lái)操作canvas元素,可以創(chuàng)建響應(yīng)用戶(hù)交互的動(dòng)態(tài)圖形和動(dòng)畫(huà);可以使用它來(lái)給予HTML表格中的數(shù)據(jù)動(dòng)態(tài)創(chuàng)建動(dòng)態(tài)更新的數(shù)據(jù)可視化圖形;還可以使用它來(lái)構(gòu)建一個(gè)Web應(yīng)用程序的用戶(hù)界面:Canvas是一個(gè)能夠創(chuàng)建動(dòng)態(tài)圖形和交互體驗(yàn)的強(qiáng)大工具。本文提出了一種基于Canvas的雙目3D網(wǎng)頁(yè)實(shí)現(xiàn)方法及系統(tǒng),其要點(diǎn)是將用于控制Canvas上元素位置的2D定位屬性擴(kuò)展為3D定位屬性,從而得到具有縱深感的立體效果。3D定位屬性由2D定位屬性和3D深度屬性

4、構(gòu)成,其中3D深度屬性可缺省。本文通過(guò)HTML5中新引入的Canvas元素來(lái)實(shí)現(xiàn),具有兼容傳統(tǒng)2D瀏覽器,無(wú)縫支持2D網(wǎng)頁(yè)和3D網(wǎng)頁(yè),適于開(kāi)發(fā)3D用戶(hù)界面、網(wǎng)頁(yè)游戲等優(yōu)點(diǎn)。本文使用這種方法創(chuàng)建了一個(gè)3DTV點(diǎn)播系統(tǒng)的交互界面,得到了較好的立體效果。
　　本文還提出了一種基于3D Canvas,即WebGL的雙目立體網(wǎng)頁(yè)生成方法。WebGL是一種HTML5標(biāo)準(zhǔn)中新引入的3D繪圖規(guī)范,這種繪圖技術(shù)標(biāo)準(zhǔn)通過(guò)把JavaScript和Ope