3d網頁的繪製方法和使用該方法的終端的製作方法

2023-05-07 08:51:16 2

3d網頁的繪製方法和使用該方法的終端的製作方法
【專利摘要】公開了一種3D網頁的繪製方法和使用該方法的終端，該繪製方法包括以下步驟：加載包括關於構成該3D網頁的一個或更多個3D對象的深度信息的源文本，通過解析該源文本來創建包括該深度信息的文檔對象模型(DOM)樹和樣式規則，基於該DOM樹和該樣式規則來產生繪製樹，對該繪製樹執行規劃，通過對執行該規劃而獲得的結果應用包括該3D對象的位置、尺寸、視差、形狀以及排布結構中的一個或更多個的3D因子來描繪左眼頁面和右眼頁面，以及合併該左眼頁面和該右眼頁面，並且在3D瀏覽器上顯示合併的該左眼頁面和該右眼頁面。
【專利說明】3D網頁的繪製方法和使用該方法的終端

【技術領域】
[0001]本公開涉及3D網頁的繪製(rendering)方法和使用該方法的終端。

【背景技術】
[0002]網際網路技術向網際網路應用開發者提供用於開發應用的說明性元素和編程元素的組合。網際網路應用開發者使用諸如JavaScript的編程元素以提供基於諸如超文本標記語言(HTML)和級聯樣式表(CSS)的文檔的說明性元素和文檔的在該文檔中提供結構、內容以及修飾的計算和交互行為。
[0003]網際網路技術已經提供了具有瀏覽器可部署和響應性的應用的瀏覽器。
[0004]然而，因為在瀏覽器上使用基於HTML的圖像和文本，所以網際網路技術主要提供2D圖像和文本服務。
[0005]隨著用於提供3D立體圖像的技術的發展，近來已經進行了利用諸如Active-X的插件技術在網際網路瀏覽器上顯示3D圖像的嘗試。
[0006]然而，網際網路技術目前仍然處於通過簡單利用立體圖等而以三維方式顯示2D圖像的狀態下。另外，網際網路技術不提供在3D TV等中應用的立體影片方案的實質3D圖像。


【發明內容】

[0007]技術問題
[0008]因此，本公開的目的是提供用於通過在用於3D網頁的源文本中併入深度信息來繪製3D對象的3D網頁繪製方法和使用該方法的終端。
[0009]因此，本公開另一目的是提供根據3D對象的深度變化、滾動操作、瀏覽器窗口的位置變化等而立體地在3D瀏覽器上顯示3D對象的3D網頁繪製方法和使用該方法的終端。
[0010]問題的解決方案
[0011]為實現這些和其它優點並且根據本發明的目的，如在此具體實施和廣泛描述的，提供了一種用於3D網頁的繪製方法，該繪製方法包括以下步驟:加載包括關於構成該3D網頁的一個或更多個3D對象的深度信息的源文本；通過解析該源文本來創建包括該深度信息的文檔對象模型(DOM)樹和樣式規則；基於該DOM樹和該樣式規則來產生繪製樹；對該繪製樹執行規劃；通過對執行該規劃而獲得的結果應用包括該3D對象的位置、尺寸、視差、形狀以及排布結構中的一個或更多個的3D因子來描繪(painting)左眼頁面和右眼頁面；以及合併該左眼頁面和該右眼頁面，並且在3D瀏覽器上顯示合併的該左眼頁面和該右眼頁面。
[0012]執行該規劃的步驟可以包括以下步驟:通過在同一層中併入該一個或更多個3D對象中的具有相同深度信息的3D對象來形成一個或更多個層，並且通過基於該深度信息排列該一個或更多個層來確定描繪順序。
[0013]確定該描繪順序的步驟包括以下步驟:基於在該源文本中指示的針對包括在同一層中的具有相同深度信息的該3D對象的z索引或順序來確定該描繪順序。
[0014]執行該規劃的步驟可以包括以下步驟:基於該深度信息計算該3D因子以描繪該3D對象，並且存儲該3D因子。
[0015]描繪該左眼頁面和該右眼頁面的步驟可以包括以下步驟:基於該深度信息計算該3D因子，並且通過應用計算出的該3D因子來描繪該左眼頁面和該右眼頁面。
[0016]可以計算該3D因子，以使該3D對象的尺寸與關於3D對象的該深度信息的正增長成比例地大於該3D對象的原始尺寸，並且可以計算該3D因子，以使該3D對象的尺寸與關於3D對象的該深度信息的負增長成比例地小於該3D對象的原始尺寸。
[0017]可以基於該3D對象在該3D瀏覽器上的位置來計算該3D因子。
[0018]可以計算該3D因子，以使該3D對象的尺寸隨著該3D對象靠近該3D瀏覽器的特定位置而大於與該深度信息成比例的值，並且可以計算該3D因子，以使該3D對象的尺寸隨著該3D對象遠離該3D瀏覽器的該特定位置而小於與該深度信息成比例的值。
[0019]當該3D因子相對於該3D瀏覽器的該特定位置沿任意方向定位時，可以通過將該3D對象的位置沿該任意方向進一步移動任意距離來計算該3D因子。
[0020]該特定位置可以是該3D瀏覽器的中心。
[0021]可以基於該3D瀏覽器在顯示該3D瀏覽器的顯示單元上的位置來計算該3D因子。
[0022]顯示該左眼頁面和該右眼頁面的步驟可以包括以下步驟:利用並排方案、上下方案以及逐行方案中的一種來顯示該3D網頁。
[0023]該繪製方法還可以包括以下步驟:確定該3D對象是否移動，並且如果該3D對象移動，則基於該3D對象在該3D瀏覽器上的新位置，通過重新計算該3D因子來執行該規劃。
[0024]為實現本公開的上述方面，提供了一種終端，該終端包括:控制單元，該控制單元被構造成繪製3D網頁；和顯示單元，該顯示單元被構造成顯示所繪製的該3D網頁，其中，該控制單元加載包括關於構成該3D網頁的一個或更多個3D對象的深度信息的源文本，通過解析該源文本來創建包括該深度信息的DOM樹和樣式規則，基於該DOM樹和該樣式規則來產生繪製樹，對該繪製樹執行規劃，通過對執行該規劃而獲得的結果應用包括該3D對象的位置、尺寸、視差、形狀以及排布結構中的一個或更多個的3D因子來描繪左眼頁面和右眼頁面，以及控制該顯示單元合併該左眼頁面和該右眼頁面，並且在3D瀏覽器上顯示合併的該左眼頁面和該右眼頁面。
[0025]該控制單元可以通過在同一層中併入該一個或更多個3D對象中的具有相同深度信息的3D對象來形成一個或更多個層，並且通過基於該深度信息排列該一個或更多個層來確定描繪順序。
[0026]該控制單元可以基於在該源文本中指示的針對包括在同一層中的具有相同深度信息的該3D對象的z索引或順序來確定該描繪順序。
[0027]該終端還可以包括存儲單元，該存儲單元被構造成存儲該3D因子。在該終端中，該控制單元可以基於該深度信息計算該3D因子以描繪該3D對象，並且控制該存儲單元存儲該3D因子。
[0028]該控制單元可以基於該深度信息計算該3D因子，並且通過應用計算出的該3D因子來描繪該左眼頁面和該右眼頁面。
[0029]該控制單元可以計算該3D因子，以使該3D對象的尺寸與關於3D對象的該深度信息的正增長成比例地大於該3D對象的原始尺寸，並且該控制單元可以計算該3D因子，以使該3D對象的尺寸與關於3D對象的該深度信息的負增長成比例地小於該3D對象的原始尺寸。
[0030]該控制單元可以基於該3D對象在該3D瀏覽器上的位置來計算針對該3D對象的該3D因子。
[0031]該控制單元可以計算該3D因子，以使該3D對象的尺寸隨著該3D對象靠近該3D瀏覽器的特定位置而大於與該深度信息成比例的值，並且該控制單元可以計算該3D因子，以使該3D對象的尺寸隨著該3D對象遠離該3D瀏覽器的特定位置而小於與該深度信息成比例的值。
[0032]當該3D因子針對該3D瀏覽器的該特定位置沿任意方向定位時，該控制單元可以通過將該3D對象的位置沿該任意方向按任意距離進一步移動來計算該3D因子。
[0033]該特定位置可以是該3D網絡瀏覽器的中心。
[0034]該控制單元基於該3D瀏覽器在該3D顯示單元上的位置來計算針對該3D對象的該3D因子。
[0035]該顯示單元可以利用並排方案、上下方案以及逐行方案中的一種來顯示該3D網頁。
[0036]該控制單元可以確定該3D對象是否移動，並且在該3D對象移動時，基於該3D對象在該3D瀏覽器上的新位置，通過重新計算該3D因子來執行該規劃。
[0037]本發明的有利效果
[0038]根據本公開的繪製3D網頁的方法和使用該方法的終端，3D對象可以通過利用包括關於該3D對象的深度信息的HTML/CSS源繪製該3D瀏覽器，而立體地在3D瀏覽器上與2D圖像一起顯示。
[0039]而且，根據本公開的繪製3D網頁的方法和使用該方法的終端，3D對象可以通過將根據網際網路的使用該3D對象的深度變化、3D瀏覽器的滾動操作以及瀏覽器窗口的位置變化考慮在內繪製該3D瀏覽器而更逼真地顯示。

【專利附圖】

【附圖說明】
[0040]圖1是例示根據本公開實施方式的終端的構造的框圖；
[0041]圖2是例示根據本公開實施方式的繪製方法的流程圖；
[0042]圖3是例示根據本公開實施方式的規劃處理的示例的流程圖；
[0043]圖4是例示根據本公開實施方式的描繪處理的示例的流程圖；
[0044]圖5是例示根據本公開第一實施方式的顯示在3D網頁上的結果的圖；
[0045]圖6是例示根據本公開第二實施方式的顯示在3D網頁上的結果的圖；
[0046]圖7是例示根據本公開第三實施方式的顯示在3D網頁上的結果的圖；以及
[0047]圖8是例示根據本公開實施方式的利用該繪製法的3D瀏覽器的操作處理的流程圖。

【具體實施方式】
[0048]本說明書中公開的技術可以應用至提供3D內容的終端。然而，本說明書中公開的技術不限於此，而是可以應用至可以將本技術的精神應用至的所有圖像顯示裝置、多媒體裝置、設備及其控制方法。
[0049]例如，本說明書中公開的技術可以應用至各種終端，如智慧型電話、可攜式終端、移動終端、個人數字助理(PDA)、可攜式多媒體播放器(PMP)終端、筆記本計算機、Wib1終端、網際網路協議電視(IPTV)終端、數字廣播終端、遠程信息處理終端、導航終端、音視頻導航(AVN)終端、電視機、3D電視機、音頻/視頻(A/V)系統、家庭影院系統、信息提供中心以及呼叫中心。
[0050]該3D內容可以包括產生3D效果的各種3D(或三維)圖像(或立體圖像)或3D對象。
[0051]一般來說，3維立體圖像(下面，稱為3D圖像)指示這樣的圖像，即，通過該圖像，觀看者可以感受設置在監視器或屏幕上的對象的深度和真實性，就好像在真實空間中一樣。
[0052]具體來說，將描述3維(3D)立體圖像。一般來說，3維立體圖像(下面，稱為3D圖像)。
[0053]3D圖像可以利用雙眼視差來實現。雙眼視差指用戶雙眼位置彼此遠離而獲得的視差。因此，當雙眼看到相互不同的2D圖像，接著將該圖像通過視網膜傳遞至大腦並合併時，用戶可以感受到3D圖像的深度和真實性。
[0054]3D圖像可以利用包括立體方法(眼鏡方法)、自動立體方法(無眼鏡方法)、投射方法(全息方法)等的顯示方法來顯示。該立體方法被頻繁用於家庭電視接收機等，並且包括惠特斯通(Wheatstone)立體方法等。該自動立體方法被頻繁用於移動終端等，並且包括視差隔板法、雙凸透鏡法等。投影方法可以包括反射全息法、透射型方法全息法等。
[0055]具體來說，將描述3D圖像的產生和顯示。一般來說，3D圖像包括左圖(左眼圖像)和右圖(右眼圖像)。將左圖和右圖合併成3D圖像的方法可以分類成在一個幀中上下設置左圖和右圖的上下方案、在一個幀中左右設置左圖和右圖的L至R(左右，並排)方法、按平鋪顯示形式設置左圖和右圖的片段的棋盤方案、按列或者按行交替設置左圖和右圖的交錯方案、按時間交替顯示左圖和右圖的時分(時間順序，或幀接幀)方案等。
[0056]產生用於3D圖像或3D對象的3D效果的原因是3D圖像或3D對象中存儲深度(或深度值)。
[0057]該深度還可以被稱作視差。
[0058]具體來說，將描述3D圖像中的深度(或深度值)。3D圖像中的深度(或深度值)涉及指示圖像內的對象之間的3D距離的指示符。該深度被限定為256級(最大值為255，而最小值為O)，並且越高的值表示越靠近觀看者或用戶的位置。因此，調節3D圖像的深度意指，當3D圖像按原始尺寸顯示時將3D圖像的深度調節至其原始深度，而當3D圖像的內容被顯示為較小的圖像時，將3D圖像的深度調節至比原始深度小的深度。
[0059]例如,對於在深度被限定為256級的假定下最大值為255而最小值為O的情況來說，在根據該一個示例性實施方式的控制圖像深度的方法中，當3D圖像按其原始尺寸顯示時，3D圖像的深度被調節至255，當3D圖像按比其原始尺寸小的尺寸顯示時，3D圖像的深度被調節至比255小的值。
[0060]在本說明書中使用的技術術語僅被用於例示【具體實施方式】，並且應當明白，它們不是旨在限制本公開。只要沒有被不同地定義，在此使用的所有術語(包括技術術語或科學術語)都可以具有和本公開所屬領域的普通技術人員通常理解的含義相同的含義，而不應按過度包含的含義或過度限制的含義來解釋。另外，如果在本公開的描述中使用的技術術語是無法清楚地表達本公開的概念的錯誤術語，則其應當用可以被本領域技術人員適當地理解的技術術語來替換。另外，在本公開的描述中使用的一般術語應當根據詞典定義或者根據其前後背景來解釋，而不應被解釋成具有過度限制的含義。
[0061]在此使用的術語僅出於描述特定實施例的目的，而不是旨在對本發明進行限制。還應明白，術語「包括(includes) 」和/或「包括(including) 」當在本說明書中使用時,指定存在規定特徵、整數、步驟、操作、部件，和/或組件，而非排除存在和/或增加一個或更多個其它特徵、整數、步驟、操作、部件、組件，和/或其組合。
[0062]應當明白，儘管術語「第一」、「第二」等在此可以被用於描述各個組件，但這些部件不應受限於這些術語。這些術語僅被用於區別一個部件與另一部件。由此，在不脫離本公開的教導的情況下，下面討論的「第一」組件還可以稱作「第二」組件。
[0063]在圖中，為清楚起見，將層、膜以及區域的厚度誇大了。貫穿全文，相同標號指相同部件。
[0064]下面，對本公開的優選實施方式進行詳細說明，其示例在附圖中進行了例示。本領域技術人員還應當明白，在不脫離本發明的精神或範圍的情況下，可以對本公開進行各種修改和變型。由此，本公開旨在覆蓋落入所附權利要求書及其等同物的範圍內的、本發明的修改例和變型例。
[0065]下面，參照附圖，對根據一實施方式的3D網頁的繪製方法和使用該方法的終端進行詳細描述。
[0066]圖1是例示根據本公開實施方式的終端的構造的框圖。
[0067]參照圖1，根據本公開該實施方式的終端100可以包括:控制單元110、顯示單元120以及存儲單元130。
[0068]該控制單元110可以提供終端100的一般操作。例如，該控制單元110可以繪製通過終端100實現的3D網頁。
[0069]具體來說，控制單元110可以加載包括關於構成3D網頁的一個或更多個3D對象的深度信息的源文本，並且通過解析該源文本來創建包括文檔對象模型(DOM)樹和深度信息的樣式規則。
[0070]該控制單元110可以基於DOM樹和樣式規則來產生繪製樹，並且對繪製樹執行規劃。
[0071]控制單元110可以通過對執行規劃而獲得的結果應用包括3D對象的位置、尺寸、視差、形狀以及排布結構中的一個或更多個的3D因子來描繪左眼頁面和右眼頁面。控制單元110可以在顯示單元120的控制下合併左眼頁面和右眼頁面，並且在3D瀏覽器上顯示合併的左眼頁面和右眼頁面。
[0072]控制單元110可以通過執行規劃來確定針對3D對象的描繪順序或計算3D因子。另選的是，控制單元110可以執行描繪之前計算3D因子。
[0073]控制單元110可以基於3D對象在3D瀏覽器上的位置(或方向)或者3D對象在顯示3D瀏覽器的顯示單元120上的位置來計算3D因子。控制單元110可以確定3D對象是否移動。如果3D對象移動，則控制單元110可以基於3D對象在3D瀏覽器上的新位置重新計算針對3D因子來執行規劃。
[0074]顯示單元120可以顯示(或輸出)在終端100中經處理的信息。例如，當執行終端100的特定功能時，顯示單元120可以顯示與該特定功能有關的用戶接口(UI)或圖形用戶接口(⑶I)。
[0075]該顯示單元120可以顯示由終端100提供的3D瀏覽器。顯示單元120可以顯示包括在3D瀏覽器中的諸如3D圖像和3D對象的各種3D內容。
[0076]顯示單元120可以包括顯示單元141和聲音輸出單元142中的至少一個。顯示單元141可以包括以下中的至少一種:液晶顯示器(LCD)、薄膜電晶體-液晶顯示器(TFT-1XD)、有機發光二極體(OLED)、柔性顯示器、3D顯示器，以及電子墨水(e_ink)顯示器。
[0077]其中一些顯示器可以被構造成用戶可以透過其看到外側圖的透明或透光顯示器。這些顯示器可以被稱為透明顯示器，並且可以將透明OLED(TOLED)等用作典型透明顯示器。顯示單元120的後部結構也可以被設置透光結構。通過這種結構，用戶可以透過被終端100的主體的顯示單元120所佔用的區域看到位於終端100的主體後面的物體。
[0078]可以將各種信息顯示在顯示單元120中。該信息可以採用字符、數字、符號、圖形、圖標等的形式來顯示，並且可以被實現為3D立體圖像。
[0079]顯示單元120可以作為整個區域操作，或者可以通過劃分成多個區域來操作。針對後一種情況，可以將該多個區域構造成按彼此有關的方式操作。
[0080]例如，輸出或輸入窗口可以分別在顯示單元120的上部和下部顯示。輸入和輸出窗口中的每一個都可以是指配用於輸出或輸入信息的區域。其上顯示有用於輸入電話號碼等的數字的軟鍵可以在輸入窗口上輸出。如果觸摸軟鍵，則將與所觸摸軟鍵相對應的數字等顯示在輸出窗口。如果操作操縱單元，則可以進行連接針對顯示在輸出窗口上的電話號碼的呼叫的嘗試，或者可以將輸出窗口上顯示的文本輸入至應用。
[0081]顯示單元120可以被構造成接收通過滾動顯示單元120而輸入的觸摸。用戶可以通過滾動顯示單元120來移動位於顯示在顯示單元120上的對象(例如，圖標等)上的光標或指針。而且，當用戶的手指在顯示單元120上移動時，用戶的手指所沿著移動的路徑可以可視地顯示在顯示單元120上。這在編輯顯示在顯示單元120上的圖像方面有用。
[0082]顯示單元120可以包括觸控螢幕。例如，可以與其中顯示單元120的觸控螢幕在特定時間範圍內與顯示單元120 —起被觸摸的情況對應地執行終端100的一個功能。觸控螢幕與顯示單元一起被觸摸的情況除了該情況以外，還可以包括其中用戶利用用戶的拇指和食指夾住終端100的主體的情況。這一種功能例如可以是針對顯示單元120的激活或非激活。
[0083]存儲單元130可以起作用以存儲在終端100中經處理的信息。
[0084]該存儲單元130可以存儲由終端100提供的3D內容。具體來說，存儲單元130可以存儲構成3D內容的3D圖像或3D對象，並且存儲關於3D圖像或3D對象的深度信息等。
[0085]存儲單元130可以存儲由終端100處理的針對3D對象的3D因子等。
[0086]存儲單元130可以存儲與終端100執行的功能有關的各種Π和/或⑶I。
[0087]存儲單元130可以存儲操作終端100所需的數據和程序。
[0088]存儲單元130可以包括由以下中的至少一種構成的存儲介質:如閃速存儲器類型、硬碟型、微型多媒體卡、卡型存儲器(例如，SD或XD存儲器等)、隨機存取存儲器(RAM)、靜態隨機存取存儲器(SRAM)、只讀存儲器(ROM)、電可擦除可編程只讀存儲器(「EEPR0M」)以及可編程只讀存儲器(PROM)。
[0089]終端100可以在網際網路上操作執行存儲單元130的存儲功能的網絡存儲，或者可以與該網絡存儲有關地操作。
[0090]圖1所示組件不是必需的，並由此,終端100可以被實現成具有更大量組件或者具有更少量組件。
[0091]圖2是例示根據本公開實施方式的繪製方法的流程圖。
[0092]參照圖2，根據本公開該實施方式的3D網頁的繪製方法可以包括下列順序。
[0093]首先，終端100加載用於3D網頁的源文本(或原始碼)(S210)。
[0094]終端100可以接收從HTTP模塊或文件系統發送來的源文本，並且加載接收到的源文本。
[0095]該源文本可以由各種程式語言來實現。例如，該源文本可以通過由HTML或CSS來實現。
[0096]該源文本可以包括關於構成3D網頁的一個或更多個3D對象的深度信息。該源文本可以包括關於構成3D網頁的一個或更多個3D對象的深度信息(或深度屬性)，以使3D網頁的繪製結果可以具有3D效果。
[0097]終端100可以標識源文本是否為先前讀取數據，確定是否打開彈出窗口，或者確定是否下載存在於網絡伺服器中的文件。
[0098]接下來，終端100解析源文本(S220)。
[0099]終端100可以通過解析該源文本來創建文檔對象模型，即,DOM樹。該DOM樹可以被稱作根據終端所採用的網絡引擎的內容模型。
[0100]終端100可以利用與用以實現該源文本的程式語言相對應的解析器來解析該源文本。例如，終端100可以利用HTML解析器來解析用以實現源文本的HTML。當源文本使用XML主體時，終端100可以利用XML解析器來解析採用XML格式的SYG、MathML等。
[0101]終端100可以通過構造源文本並且作為樹狀結構將構成源文本、元素、屬性、文本等的根和對象表示為子結構來創建DOM樹。
[0102]終端100可以通過解析源文本來創建樣式規則。
[0103]當確定樣式必需通過解析源文本之後的內容匯集時，終端100可以創建必需樣式表並且重新執行用於確定該樣式的解析。
[0104]終端100可以利用與用以實現該源文本的語言相對應的解析器來解析該源文本。例如，終端100可以利用CSS解析器來解析用以實現源文本的CSS。
[0105]終端100可以解析有關包括在源文本中的3D對象的深度信息，並且按樣式規則存儲所解析深度信息。
[0106]接下來，終端100可以產生繪製樹(S230)。
[0107]終端100可以基於DOM樹和樣式規則來產生繪製樹。終端100可以通過DOM樹和樣式規則的附件或框架結構來產生繪製樹。該繪製樹可以被稱作根據終端100所採用的網絡引擎的框架樹。
[0108]該繪製樹可以被產生為僅包括DOM樹或樣式規則中的、未顯示在3D瀏覽器上的類型對象以外的內容，例如，HTML文檔中的、〈title>以及〈body〉標籤，其中「顯示」屬性的值在CSS文檔中不存在的標籤等。
[0109]該繪製樹可以劃分成左眼繪製樹和右眼繪製樹，以立體地顯示包括在3D網頁中的一個或更多個3D對象。
[0110]接下來，終端100對繪製樹執行規劃(S240)。
[0111]終端100可以執行用於確定構成3D網頁中的繪製樹的各種對象的位置、尺寸以及描繪順序的規劃。該規劃可以被稱作根據終端100所採用的網絡引擎的回流(reflow)。
[0112]終端100可以通過執行規劃來確定針對構成3D網頁的該一個或更多個3D對象的描繪順序。
[0113]具體來說，終端100可以通過在同一層中併入該一個或更多個3D對象中的具有相同深度信息的3D對象來形成一個或更多個層，並且基於該深度信息，通過排列該一個或更多個層來確定描繪順序。針對3D對象的描繪順序可以根據該一個或更多個層之間的深度信息，按遞增系列排列該一個或更多個層來確定。
[0114]該描繪順序可以基於在源文本中指示的針對包括在同一層中的具有相同深度信息的3D對象的z索引或順序來確定。
[0115]終端100可以通過執行規劃來計算針對該一個或更多個3D對象的3D因子。具體來說，該終端可以在執行規劃時計算3D因子，並且存儲計算出的3D因子。接著，該終端可以通過應用所存儲3D來執行描繪。
[0116]稍後，如上用於計算3D因子的規劃處理將與下列實施方式一起更詳細描述。
[0117]接下來，終端100描繪左眼頁面和右眼頁面(S250)。
[0118]該描繪可以通過在特定存儲器空間中搜索對其執行規劃的繪製樹並且填充RGB值來執行。
[0119]終端100可以描繪左眼頁面和右眼頁面，以立體地顯示構成3D網頁的該一個或更多個3D對象。
[0120]左眼頁面和右眼頁面分別被輸入至用戶的左眼和右眼，以使用戶可以將包括在左眼頁面和右眼頁面中的3D對象識別為好像立體地浮在所感知的3D圖像的位置處。
[0121]左眼頁面和右眼頁面可以被描繪成使得3D對象具有任意視差(或LR移位)。3D對象可以具有基於通過執行規劃而獲得的結果的視差，並且3D對象的深度可以根據該視差來調節。該視差可以通過計算3D因子來確定。
[0122]在左眼頁面和右眼頁面中，3D對象可以利用紅色和藍色來描繪，以利用立體影片方案來表達3D對象的3D效果。即，左眼頁面和右眼頁面中的任一個中的3D對象可以利用紅色描繪，而左眼頁面和右眼頁面中的另一個中的3D對象可以利用藍色描繪。
[0123]當使用3D瀏覽器時，用戶可以佩戴紅藍眼鏡、偏振眼鏡、快門眼鏡等，以觀看利用左眼頁面和右眼頁面的立體圖像。
[0124]終端100可以基於通過執行規劃而獲得的結果來描繪左眼頁面和右眼頁面。例如，可以基於根據通過執行規劃而獲得的結果所確定的描繪順序來描繪左眼頁面和右眼頁面。終端100可以通過對執行規劃而獲得的結果應用3D因子來描繪左眼頁面和右眼頁面。
[0125]終端100可以出於描繪的目的來計算針對該一個或更多個3D對象的3D因子。具體來說，終端100可以在執行描繪之前計算3D因子，並且通過應用計算出的3D因子來執行描繪。
[0126]稍後，如上該用於計算3D因子的描繪處理將與下列實施方式一起進行更詳細描述。
[0127]最後，終端100合併左眼頁面和右眼頁面，並且在3D瀏覽器上顯示合併的左眼頁面和右眼頁面(S260)。
[0128]終端100可以合併所描繪左眼頁面和右眼頁面，並且在3D瀏覽器的一個幀中同時顯示合併的左眼頁面和右眼頁面，以使該一個或更多個3D對象可以被立體地觀看。
[0129]終端100可以利用在一個幀中上下設置左圖和右圖的上下方案、在一個幀中左右設置左圖和右圖的L至R(左右，並排)方案、按平鋪顯示形式設置左圖和右圖的片段的棋盤方案、按列或者按行交替設置左圖和右圖的交錯方案、或者按時間交替顯示左圖和右圖的時分(時間順序，或幀接幀)方案，根據該合併方案在3D瀏覽器上顯示左眼頁面和右眼頁面。
[0130]另外，終端100確定3D對象是否移動(S270)。
[0131]3D對象的移動可以因用戶的輸入或者重新搜索3D瀏覽器而造成。3D對象的移動可以因上下/左右滾動3D瀏覽器、屏幕顯示的模式轉換，或者3D瀏覽器在顯示該3D瀏覽器的顯示單元120中的位置的移動而造成。
[0132]如果3D對象移動，則終端100在針對3D對象的繪製樹上重新執行規劃(S240)。
[0133]終端100可以基於3D對象在3D瀏覽器上的新位置或者3D瀏覽器顯示在顯示單元120上的新位置針對該3D對象重新執行規劃。終端100可以在必要時重新計算3D因子，並且將重新計算出的3D因子應用至通過重新執行規劃而獲得的結果。
[0134]下面，詳細描述計算3D因子的方法的一些實施方式。
[0135]圖3是例示根據本公開實施方式的規劃處理的示例的流程圖。
[0136]參照圖3，根據本公開該實施方式的規劃處理可以包括下列順序。
[0137]首先，終端100對繪製樹執行規劃(S241)。
[0138]終端100可以執行用於確定構成3D網頁中的繪製樹的各種對象的位置、尺寸以及描繪順序的規劃。
[0139]終端100可以通過執行規劃來確定針對構成3D網頁的該一個或更多個3D對象的描繪順序。確定描繪順序是來自規劃的分離處理，並且可以僅對3D對象執行。
[0140]接下來，終端100計算3D因子(S242)。
[0141]該3D因子可以包括該3D因子的尺寸、顯示位置、視差、形狀以及排布結構中的一個或更多個。
[0142]終端100可以基於關於包括在繪製樹中的該一個或更多個3D對象的深度信息來計算3D因子。例如，該終端可以與關於3D對象的深度信息的正增長成比例地計算3D對象的尺寸作為較大值，並且與關於3D對象的深度信息的負增長成比例地計算3D對象的尺寸作為較小值。另選的是，終端100可以根據該深度信息將3D對象的形狀計算為凹下或凸起。另選的是，終端100可以根據深度信息通過計算3D對象的視差，而允許3D對象被看作突出或凹入3D對象。
[0143]終端100可以基於3D對象在3D瀏覽器上的位置或者3D對象在顯示3D瀏覽器的顯示單元120上的位置，來計算3D對象的尺寸和位置中的一個或更多個。例如，終端100可以隨著3D對象靠近或遠離3D瀏覽器或顯示單元120的特定位置，將3D對象的形狀計算為比與該深度信息成比例的值更大或更小。另選的是，當3D對象針對3D瀏覽器或3D顯示單元120的該特定位置沿任意方向定位時，終端100可以將3D對象的位置計算為通過將3D對象的位置沿該任意方向按任意距離進一步移動所獲得的位置。另選的是，當3D對象靠近或遠離3D瀏覽器或顯示單元120的該特定位置時，或者當3D對象隨著3D瀏覽器或顯示單元120的該特定位置而沿任意方向定位時，終端100可以將3D對象的形狀改變成為變形、對稱、旋轉或延長。另選的是，終端100可以基於3D對象的位置，通過計算3D對象的視差，而允許3D對象被看作突出或凹入。
[0144]這裡，該特定位置可以是用戶視線位置，並且該用戶視線位置可以是3D瀏覽器的中心或者顯示3D瀏覽器的顯示單元120的中心。
[0145]當終端100單獨地設置有能夠感測用戶視線位置的視線感測單元，終端100可以通過將經由視線感測單元感測到的用戶視線位置確定為該特定位置來計算3D因子。
[0146]最後，終端100存儲該3D因子(S243)。
[0147]終端100可以與3D網頁的規劃信息一起存儲計算出的3D因子，或者可以單獨存儲該3D因子。所存儲3D因子可以在描繪左眼頁面或右眼頁面時應用。
[0148]3D因子的計算和存儲可以在繪製樹規劃之前執行，或者可以同時與繪製樹規劃一起執行。
[0149]圖4是例示根據本公開實施方式的描繪處理的示例的流程圖。
[0150]參照圖4，根據本公開該實施方式的描繪方法可以包括下列順序。
[0151 ] 首先，終端100對繪製樹執行規劃(S240)。
[0152]終端100可以執行用於確定構成3D網頁中的繪製樹的各種對象的位置、尺寸以及描繪順序的規劃。
[0153]終端100可以通過執行規劃來確定針對構成3D網頁的該一個或更多個3D對象的描繪順序。
[0154]接下來，終端100計算3D因子(S251)。
[0155]終端100可以計算3D因子，以描繪左眼頁面和右眼頁面。
[0156]根據3D因子的計算的詳細描述和參照圖3描述的實施方式的詳細描述相同。
[0157]最後，終端100描繪左眼頁面和右眼頁面(S250)。
[0158]終端100可以通過對執行規劃而獲得的結果應用3D因子來描繪左眼頁面和右眼頁面。
[0159]圖5是例示根據本公開第一實施方式的顯示在3D網頁上的結果的圖。
[0160]參照圖5，終端100可以根據本公開該實施方式繪製3D網頁，以顯示構成3D網頁的各個對象當中的具有該深度信息的該一個或更多個3D對象。
[0161]如圖5所示，3D對象可以通過經由繪製在一個幀中顯示左眼頁面和右眼頁面而立體地顯示。
[0162]例如，當3D對象的深度信息具有正值時，終端100可以將針對該3D對象的3D因子當中的尺寸信息計算為大於對應於該深度信息的尺寸。終端100可以調節3D對象的視差，以使將3D對象看作突出的3D對象，或者可以控制3D對象的形狀以使被看作凸起3D對象。
[0163]與此相反，當3D對象的深度信息具有負值時，終端100可以將針對該3D對象的3D因子當中的尺寸信息計算為小於對應於該深度信息的尺寸。終端100可以調節3D對象的視差，以使將3D對象看作凹入的3D對象，或者可以控制3D對象的形狀以使被看作凹下3D對象。
[0164]例如，隨著3D對象靠近3D瀏覽器的特定位置，終端100可以將3D對象的尺寸計算為大於與該深度信息成比例的值。另選的是，該終端可以調節3D對象的視差，以使將3D對象看作突出的3D對象，或者可以控制3D對象的形狀以使被看作凸起3D對象。
[0165]與此相反，隨著3D對象靠近3D瀏覽器的特定位置，終端100可以將3D對象的尺寸計算為小於與該深度信息成比例的值。另選的是，該終端可以調節3D對象的視差，以使將3D對象看作凹入的3D對象，或者可以控制3D對象的形狀以使被看作凹下3D對象。
[0166]這裡，該特定位置可以是用戶視線位置。該用戶視線位置可以是3D瀏覽器的中心或者顯示3D瀏覽器的顯示單元120的中心。
[0167]如果終端100單獨設置有能夠感測用戶視線位置的視線感測單元，則終端100可以通過將經由視線感測單元感測的用戶視線位置確定為該特定位置來計算3D因子。
[0168]圖6是例示根據本公開第二實施方式的顯示在3D網頁上的結果的圖。
[0169]參照圖6，當該3D對象針對該3D瀏覽器的該特定位置沿任意方向定位時，終端100可以將3D對象的位置計算為通過將3D對象的位置沿該任意方向按任意距離進一步移動所獲得的位置。
[0170]這裡，該特定位置可以是用戶視線位置，並且該用戶視線位置可以是3D瀏覽器的中心或者顯示3D瀏覽器的顯示單元120的中心。
[0171]如果終端100單獨設置有能夠感測用戶視線位置的視線感測單元，則終端100可以通過將經由視線感測單元感測的用戶視線位置確定為該特定位置來計算3D因子。
[0172]任意方向可以因上下/左右滾動3D瀏覽器而改變，其因用戶輸入或重新搜索3D網絡瀏覽器、屏幕顯示的模式轉換，或者3D瀏覽器在顯示該3D瀏覽器的顯示單元120中的位置的移動而造成。
[0173]例如，當3D對象通過用戶的向上滾動輸入而相對於3D瀏覽器的中心沿下方向定位時，終端100可以將3D對象的顯示位置確定為下位置，以使3D對象的位置被看到比3D對象的原始位置低了任意距離。終端100可以計算3D因子，以使3D對象的尺寸被看到減小，或者3D對象按壓縮、旋轉或對稱形狀顯示。
[0174]與此相反，當3D對象通過用戶的向下滾動輸入而相對於3D瀏覽器的中心沿上方向定位時，終端100可以將3D對象的顯示位置確定為上位置，以使3D對象的位置被看到比3D對象的原始位置高了任意距離。終端100可以計算3D因子，以使3D對象的尺寸被看到減小，或者3D對象按壓縮、旋轉或對稱形狀顯示。
[0175]例如，當3D對象的顯示位置沿任意方向進一步移動達該任意距離時，終端100可以基於該深度信息計算3D因子的顯示位置。
[0176]例如，終端100可以通過與該深度信息的正增長成比例地增加該顯示位置的移動範圍來確定3D對象的顯示位置。這是因為靠近定位的對象的尺寸大於遠離定位的對象的尺寸。為允許3D對象相對靠近地存在，終端100可以通過增加3D對象的移動範圍(其該深度信息作為正值而較大)來確定3D對象的顯示位置。
[0177]圖7是例示根據本公開第三實施方式的顯示在3D網頁上的結果的圖。
[0178]參照圖7，終端100可以基於3D瀏覽器在顯示該3D瀏覽器的顯示單元120上的位置來計算3D因子。
[0179]當3D瀏覽器不是全屏模式而是窗口畫面模式時，3D瀏覽器的位置可以通過用戶輸入等而根據3D瀏覽器的上下/左右移動來改變。
[0180]終端100可以基於3D瀏覽器針對特定位置的位置來計算3D對象的尺寸和位置中的一個或更多個。
[0181]這裡，該特定位置可以是用戶視線位置，並且該用戶視線位置可以是3D瀏覽器的中心或者顯示3D瀏覽器的顯示單元120的中心。
[0182]當終端100單獨設置有能夠感測用戶視線位置的視線感測單元，則終端100可以通過將經由視線感測單元感測的用戶視線位置確定為該特定位置來計算3D因子。
[0183]例如，當3D瀏覽器通過用戶的輸入而針對顯示單元120的中心位於上/下側和/或左/右側時，終端100可以計算3D因子，以使3D因子的尺寸減小，使3D對象的顯示位置進一步移動至上側和/或左側，或者使3D對象的形狀改變。
[0184]圖8是例示根據本公開實施方式的利用該繪製法的3D瀏覽器的操作處理的流程圖。
[0185]參照圖8，根據本發明實施方式的利用繪製方法的3D瀏覽器的操作處理可以按下列順序執行。
[0186]首先，終端100加載源文本(S810)。
[0187]終端100可以接收從HTTP模塊或文件系統發送來的源文本，並且加載所接收源文本。該源文本可以通過各種程式語言來實現。例如，該源文本可以通過HTML或CSS來實現。
[0188]接下來，終端100確定該源文本是否包括3D對象(S820)。
[0189]例如，終端100可以按下列情況來確定源文本包括3D對象:
[0190]-其中源文本包括有關一個或更多個3D對象的諸如深度信息的3D信息的情況，
[0191]-其中源文本包括可以以三維方式表達的諸如視頻/音頻的對象的情況(例如，其中該對象被清楚地規定為利用mime型源文本或HTML源文本的3D對象的情況)，
[0192]-其中該源文本包括允許以三維方式執行繪製的信息的情況(例如，其中源文本包括諸如HTML源文本中的html 3d = 「true」的信息的情況)，以及
[0193]-其中必需繪製3D對象的所有情況。
[0194]當源文本不包括3D對象時，終端100可以針對源文本執行2D繪製。
[0195]當源文本包括3D對象時，終端100確定是否繪製3D對象(S830)。
[0196]終端100可以確定是否支持3D操作和繪製3D對象。
[0197]當終端100不支持3D操作時，終端100針對源文本執行2D繪製(S850)。
[0198]終端100可以向用戶提供用於向該用戶通知終端100不支持3D操作的通知。該通知可以採用圖標、收藏夾圖標(favicon)、狀態欄等形式來提供。
[0199]當可以通過添加能夠支持3D操作的裝置或者安裝插件、Active-X、應用程式、驅動器等來執行3D繪製時，終端100可以連續執行隨後操作或者向用戶通知隨後操作。
[0200]當終端100支持3D操作時，終端100確定3D瀏覽器是否以3D模式操作(S840)。
[0201]3D瀏覽器可以通過用戶輸入或需求配置或改變用於確定3D瀏覽器的繪製方法的繪製模式。
[0202]當3D瀏覽器未以3D模式操作時，S卩，當3D瀏覽器按2D模式操作時，終端100針對源文本執行2D繪製(S850)。
[0203]終端100可以向用戶提供用於向該用戶通知3D瀏覽器不以3D模式操作的通知。該通知可以採用圖標、收藏夾圖標(favicon)、狀態欄等形式來提供。另選的是，終端100可以勸告用戶將3D瀏覽器改變成以3D模式操作，或者可以獲得用戶的意圖。
[0204]終端100可以控制3D瀏覽器以3D模式操作。終端100可以通過將3D瀏覽器的繪製模式配置或改變成3D模式來控制3D瀏覽器以3D模式操作。
[0205]當3D瀏覽器以3D模式操作時，終端100針對源文本執行3D繪製(S860)。
[0206]終端100可以利用根據本公開該實施方式的繪製方法針對源文本執行3D繪製。
[0207]本公開的範圍不限於在本說明書中公開的實施方式，並且本領域技術人員應當明白，在所附權利要求書的技術精神和範圍內，可以對本發明進行各種改變和修改。
【權利要求】
1.一種用於30網頁的繪製方法，該繪製方法包括以下步驟: 加載包括關於構成所述30網頁的一個或更多個30對象的深度信息的源文本； 通過解析所述源文本來創建包括所述深度信息的文檔對象模型001樹和樣式規則； 基於所述001樹和所述樣式規則來產生繪製樹； 對所述繪製樹執行規劃； 通過對執行所述規劃而獲得的結果應用包括所述30對象的位置、尺寸、視差、形狀以及排布結構中的一個或更多個的30因子來描繪左眼頁面和右眼頁面；以及 合併所述左眼頁面和所述右眼頁面，並且在30瀏覽器上顯示合併的所述左眼頁面和所述右眼頁面。
2.根據權利要求1所述的繪製方法，其中，執行所述規劃的步驟包括以下步驟: 通過在同一層中併入所述一個或更多個30對象中的具有相同深度信息的30對象來形成一個或更多個層；並且 通過基於所述深度信息排列所述一個或更多個層來確定描繪順序。
3.根據權利要求2所述的繪製方法，其中，確定所述描繪順序的步驟包括以下步驟:基於在所述源文本中指示的針對包括在同一層中的具有相同深度信息的所述30對象的2索弓丨或順序來確定所述描繪順序。
4.根據權利要求1所述的繪製方法，其中，執行所述規劃的步驟包括以下步驟: 基於所述深度信息計算所述30因子以描繪所述30對象，並且 存儲所述30因子。
5.根據權利要求1所述的繪製方法，其中，描繪所述左眼頁面和所述右眼頁面的步驟包括以下步驟: 基於所述深度信息計算所述30因子；並且 通過應用計算出的所述30因子來描繪所述左眼頁面和所述右眼頁面。
6.根據權利要求1所述的繪製方法，其中，計算所述30因子，以使所述30對象的尺寸與關於30對象的所述深度信息的正增長成比例地大於所述30對象的原始尺寸，並且計算所述30因子，以使所述30對象的尺寸與關於30對象的所述深度信息的負增長成比例地小於所述30對象的原始尺寸。
7.根據權利要求1所述的繪製方法，其中，基於所述30對象在所述30瀏覽器上的位置來計算所述30因子。
8.根據權利要求1所述的繪製方法，其中，計算所述30因子，以使所述30對象的尺寸隨著所述30對象靠近所述30瀏覽器的特定位置而大於與所述深度信息成比例的值，並且計算所述30因子，以使所述30對象的尺寸隨著所述30對象遠離所述30瀏覽器的所述特定位置而小於與所述深度信息成比例的值。
9.根據權利要求1所述的繪製方法，其中，當所述30對象相對於所述30瀏覽器的所述特定位置沿任意方向定位時，通過將所述30對象的位置沿所述任意方向進一步移動任意距離來計算所述30因子。
10.根據權利要求8或9所述的繪製方法，其中，所述特定位置是所述30瀏覽器的中心。
11.根據權利要求1所述的繪製方法，其中，基於所述30瀏覽器在顯示所述30瀏覽器的顯示單元上的位置來計算所述30因子。
12.根據權利要求1所述的繪製方法，所述繪製方法還包括以下步驟: 確定所述30對象是否移動；並且 如果所述30對象移動，則基於所述30對象在所述30瀏覽器上的新位置，通過重新計算所述30因子來執行所述規劃。
13.一種終端，該終端包括: 控制單元，該控制單元被構造成繪製30網頁；和 顯示單元，該顯示單元被構造成顯示所繪製的所述30網頁， 其中，所述控制單元加載包括關於構成所述30網頁的一個或更多個30對象的深度信息的源文本，通過解析所述源文本來創建包括所述深度信息的001樹和樣式規則，基於所述001樹和所述樣式規則來產生繪製樹，對所述繪製樹執行規劃，通過對執行所述規劃而獲得的結果應用包括所述30對象的位置、尺寸、視差、形狀以及排布結構中的一個或更多個的30因子來描繪左眼頁面和右眼頁面，以及控制所述顯示單元合併所述左眼頁面和所述右眼頁面，並且在30瀏覽器上顯示合併的所述左眼頁面和所述右眼頁面。
14.根據權利要求13所述的終端，其中，所述控制單元通過在同一層中併入所述一個或更多個30對象中的具有相同深度信息的30對象來形成一個或更多個層，並且通過基於所述深度信息排列所述一個或更多個層來確定描繪順序。
15.根據權利要求14所述的終端，其中，所述控制單元基於在所述源文本中指示的針對包括在同一層中的具有相同深度信息的所述30對象的2索引或順序來確定所述描繪順序。
16.根據權利要求13所述的終端，所述終端還包括存儲單元，該存儲單元被構造成存儲所述30因子， 其中，所述控制單元基於所述深度信息計算所述30因子以描繪所述30對象，並且控制所述存儲單元存儲所述30因子。
17.根據權利要求13所述的終端，其中，所述控制單元基於所述深度信息計算所述30因子，並且通過應用計算出的所述30因子來描繪所述左眼頁面和所述右眼頁面。
18.根據權利要求13所述的終端，其中，所述控制單元基於所述30對象在所述30瀏覽器上的位置來計算針對所述30對象的所述30因子。
19.根據權利要求13所述的終端，其中，所述控制單元基於所述30瀏覽器在所述30顯示單元上的位置來計算針對所述30對象的所述30因子。
【文檔編號】G06F17/00GK104350487SQ201280073777
【公開日】2015年2月11日 申請日期:2012年6月8日 優先權日:2012年6月8日
【發明者】韓舜補, 張亨碩, 樸相祚, 李東榮, 姜東弦, 宋效珍 申請人:Lg電子株式會社