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

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

2、呈現(xiàn)具有縱深感的立體網(wǎng)頁成為亟待解決的問題。針對這一問題,本論文分析了立體網(wǎng)頁的發(fā)展現(xiàn)狀,總結(jié)了實現(xiàn)立體網(wǎng)頁所需的相關(guān)技術(shù),在此基礎(chǔ)上提出了基于Canvas和WebGL的雙目立體網(wǎng)頁實現(xià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)用戶交互的動態(tài)圖形和動畫;可以使用它來給予HTML表格中的數(shù)據(jù)動態(tài)創(chuàng)建動態(tài)更新的數(shù)據(jù)可視化圖形;還可以使用它來構(gòu)建一個Web應(yīng)用程序的用戶界面:Canvas是一個能夠創(chuàng)建動態(tài)圖形和交互體驗的強(qiáng)大工具。本文提出了一種基于Canvas的雙目3D網(wǎng)頁實現(xiàn)方法及系統(tǒng),其要點是將用于控制Canvas上元素位置的2D定位屬性擴(kuò)展為3D定位屬性,從而得到具有縱深感的立體效果。3D定位屬性由2D定位屬性和3D深度屬性

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