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

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

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

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

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