用于生成3d對象的設備和方法
【專利摘要】本發(fā)明涉及一種用于生成三維對象的設備和方法。所述設備包括：三維對象生成單元，所述三維對象生成單元用于通過將二維網(wǎng)頁的結(jié)構(gòu)性元素網(wǎng)格化和劃分為多個多邊形來生成三維對象；以及三維對象操縱處理單元，當在生成的三維對象中輸入對象操縱信號時，所述三維對象操縱處理單元通過響應于所述對象操縱信號改變各個網(wǎng)格元素的頂點坐標值來生成3D變換矩陣，并且通過將所生成的3D變換矩陣應用于預定的CSS變換來生成變換的三維對象。
【專利說明】用于生成3D對象的設備和方法

【技術(shù)領域】
[0001] 本發(fā)明涉及一種用于生成3D對象的設備和方法，更具體地說，涉及一種3D對象生 成設備和方法，用于通過將2D網(wǎng)頁的結(jié)構(gòu)性元素網(wǎng)格化和將2D網(wǎng)頁的結(jié)構(gòu)性元素劃分為 多個多邊形而生成3D對象，當在生成的3D對象中接收到對象操縱信號時通過響應于對象 操縱信號改變單獨的網(wǎng)格元素的頂點坐標值而生成3D變換矩陣，以及通過將預定的層疊 樣式表（CSS)變換應用于生成的3D變換矩陣來生成變換的3D對象。

【背景技術(shù)】
[0002] 隨著自動化的近期進展和朝著信息社會的發(fā)展，計算機圖形快速地應用于寬的應 用領域。具體地說，使用3D圖形的領域突然增加。
[0003] 在多數(shù)常規(guī)的3D對象系統(tǒng)中，利用3D多邊形處理方法生成并操縱3D對象。多邊 形意指這樣一種多邊形，即，用于表示3D計算機圖形中的立體形狀的最小單元。
[0004] 同時，使用WebGL作為用于在網(wǎng)頁中提供3D技術(shù)的代表性方法。WebGL是與作為 最基本和普遍的3D圖形技術(shù)的OpenGL相似的技術(shù)，并且可廣泛用于3D游戲中，這是因為 可通過低級別的開發(fā)環(huán)境生成和操縱特定形狀的多邊形對象。
[0005] 然而，WebGL的缺點在于其僅支持PC環(huán)境中的最新的瀏覽器，諸如Chrome，并且其 因為性能和兼容性的原因在移動裝置中不受支持。


【發(fā)明內(nèi)容】

[0006] 技術(shù)目的
[0007] 已提出本發(fā)明以解決以上問題，并且本發(fā)明的目的是提供一種用于生成3D對象 的設備和方法，通過利用四邊形形式的四邊形作為基本元素來仿真三角形形式的多邊形， 所述設備和方法能夠僅利用"旋轉(zhuǎn)"、"平移"和"縮放"（即，基本3D變換技術(shù)）以及"扭 曲"（即，2D變換技術(shù)）生成和操縱多邊形形式的3D對象。
[0008] 本發(fā)明的另一目的是提供一種用于生成3D對象的設備和方法，其可利用移動裝 置中可支持的CSS 2D/3D變換技術(shù)實現(xiàn)諸如神奇效果、3D變形和翻頁效果的效果，并且還 能夠基于多邊形生成和操縱3D對象。
[0009] 本發(fā)明的又一目的是提供一種用于生成3D對象的設備和方法，即使在僅支持基 本3D變換的有限的環(huán)境（例如，移動網(wǎng)絡）中，所述設備和方法也能夠基于具有特定形式 的多邊形、通過生成和操縱3D對象提供各種用戶界面和圖形效果。
[0010] 本發(fā)明的另一目的是提供一種用于生成3D對象的設備和方法，其能夠通過基于 網(wǎng)絡的元素的網(wǎng)格化生成基于多邊形的3D對象。
[0011] 技術(shù)方案
[0012] 根據(jù)用于實現(xiàn)所述目的的本發(fā)明的一方面，提供了一種3D對象生成設備，該3D對 象生成設備包括：3D對象生成單元，所述3D對象生成單元用于通過將2D網(wǎng)頁的結(jié)構(gòu)性元 素網(wǎng)格化和劃分為多個多邊形來生成3D對象；以及3D對象操縱處理單元，當在生成的3D 對象中輸入對象操縱信號時，所述3D對象操縱處理單元通過響應于所述對象操縱信號改 變各個網(wǎng)格元素的頂點坐標值來生成3D變換矩陣，并且通過將所生成的3D變換矩陣應用 于預定的CSS變換來生成變換的3D對象。
[0013] 3D對象生成單元可包括：四邊形網(wǎng)格元素生成模塊，所述四邊形網(wǎng)格元素生成模 塊用于通過將所述網(wǎng)頁的結(jié)構(gòu)性元素等分為特定數(shù)量的四邊形網(wǎng)格來生成四邊形網(wǎng)格元 素；以及3D對象生成模塊，所述3D對象生成模塊用于沿著對角線方向?qū)⒏鱾€生成的四邊形 網(wǎng)格元素的頂點劃分為兩個三角形、復制四邊形網(wǎng)格元素、以及通過控制透明度以使得僅 看見兩個四邊形的不同的三角形區(qū)來生成多個多邊形。
[0014] 四邊形網(wǎng)格元素生成模塊可在所述網(wǎng)頁的所述結(jié)構(gòu)性元素是圖像的情況下從服 務提供設備接收對應于原始圖像的網(wǎng)格形式的單獨的圖像，或者通過瀏覽器內(nèi)的內(nèi)部操作 將原始圖像變換為位圖形式并生成網(wǎng)格圖像，并且在所述網(wǎng)頁的所述結(jié)構(gòu)性元素不是圖像 的情況下利用界定標簽生成所述四邊形網(wǎng)格元素。
[0015] 3D對象生成模塊可將除其中看見結(jié)構(gòu)性元素的三角形以外的區(qū)的透明度設為 "〇"，從而僅在兩個對應的四邊形的不同區(qū)的三角形中看見結(jié)構(gòu)性元素。
[0016] 3D對象操縱處理單元可包括：坐標值存儲器模塊，所述坐標值存儲器模塊用于存 儲形成了通過所述3D對象生成單元所生成的3D對象的所述各個網(wǎng)格元素的頂點坐標值； 3D變換矩陣生成模塊，所述3D變換矩陣生成模塊用于當輸入所述對象操縱信號時響應于 所述對象操縱信號改變所述各個網(wǎng)格元素的頂點坐標值，并利用改變后的頂點坐標值和存 儲在所述坐標值存儲器模塊中的所述頂點坐標值來生成所述各個網(wǎng)格元素的所述3D變換 矩陣；以及3D對象變換模塊，所述3D對象變換模塊用于通過將所生成的3D變換矩陣應用 于所述CSS變換來生成所述變換的3D對象。
[0017] 根據(jù)本發(fā)明的另一方面，提供了一種通過3D對象生成設備生成和操縱2D網(wǎng)頁的 結(jié)構(gòu)性元素成為3D對象的方法中的3D對象生成方法，該方法包括以下步驟：（a)通過將所 述網(wǎng)頁的所述結(jié)構(gòu)性元素等分為特定數(shù)量的四邊形網(wǎng)格來生成四邊形網(wǎng)格元素；以及（b) 沿著對角線方向連接各個生成的四邊形網(wǎng)格元素的頂點，將所連接的四邊形網(wǎng)格元素劃分 為兩個三角形，復制所述四邊形網(wǎng)格元素，并且通過控制透明度以使得僅看見兩個四邊形 的不同的三角形區(qū)來生成所述3D對象。
[0018] 提供了一種3D對象生成方法，該方法還包括以下步驟：在所述步驟（b)之后，當在 所生成的3D對象中輸入對象操縱信號時，響應于所述對象操縱信號改變所述各個網(wǎng)格元 素的頂點坐標值，并且利用改變后的頂點坐標值和改變前的頂點坐標值生成所述各個網(wǎng)格 元素的3D變換矩陣；以及通過將所生成的3D變換矩陣應用于預定的CSS變換來生成變換 的3D對象。
[0019] 在步驟（b)中，在所述網(wǎng)頁的所述結(jié)構(gòu)性元素是圖像的情況下，可從服務提供設 備接收到對應于原始圖像的網(wǎng)格形式的單獨的圖像，或者原始圖像通過瀏覽器中的內(nèi)部操 作變換為位圖形式，并且可生成網(wǎng)格圖像，而在所述網(wǎng)頁的所述結(jié)構(gòu)性元素不是圖像的情 況下可以利用界定標簽生成所述四邊形網(wǎng)格元素。
[0020] 根據(jù)本發(fā)明的又一方面，提供了一種其上以程序形式記錄了用于生成3D對象的 方法的電子裝置可讀記錄介質(zhì)，該方法包括以下步驟：通過將網(wǎng)頁的結(jié)構(gòu)性元素等分為特 定數(shù)量的四邊形網(wǎng)格來生成四邊形網(wǎng)格元素；沿著對角線方向連接各個生成的四邊形網(wǎng)格 元素的頂點，將所連接的四邊形網(wǎng)格元素劃分為兩個三角形，復制所述四邊形網(wǎng)格元素，并 且通過控制透明度以使得僅在不同的三角形區(qū)中看見兩個四邊形來生成3D對象；當在所 生成的3D對象中輸入對象操縱信號時，響應于所述對象操縱信號改變每一個所述網(wǎng)格元 素的頂點坐標值，并且利用改變后的頂點坐標值和改變前的頂點坐標值生成各個網(wǎng)格元素 的3D變換矩陣；以及通過將所生成的3D變換矩陣應用于預定的CSS變換來生成變換的3D 對象。
[0021] 發(fā)明效果
[0022] 通過利用四邊形形式的四邊形作為基本元素來仿真三角形形式的多邊形，所述設 備和方法能夠僅利用"旋轉(zhuǎn)"、"平移"和"縮放"（即，基本3D變換技術(shù)）以及"扭曲"（即， 2D變換技術(shù)）生成和操縱多邊形形式的3D對象。
[0023] 可利用移動裝置中可支持的CSS 3D變換技術(shù)實現(xiàn)諸如神奇效果、3D變形和翻頁 效果的效果，并且還能夠基于多邊形生成和操縱3D對象。
[0024] 即使在僅支持基本3D變換的有限的環(huán)境（例如，移動網(wǎng)絡）中，所述設備和方法 也能夠基于具有特定形式的多邊形、通過生成和操縱3D對象提供各種用戶界面和圖形效 果。
[0025] 能夠通過基于網(wǎng)絡的元素的網(wǎng)格化生成基于多邊形的3D對象。

【專利附圖】

【附圖說明】
[0026] 圖1是示出根據(jù)本發(fā)明的實施方式的用于生成3D對象的系統(tǒng)的示圖；
[0027] 圖2是示意性地示出根據(jù)本發(fā)明的實施方式的3D對象生成設備的構(gòu)造的框圖；
[0028] 圖3是示出圖2所示的3D對象生成單元的構(gòu)造的詳細框圖；
[0029] 圖4是示出圖2所示的3D對象操縱處理單元的構(gòu)造的詳細框圖；
[0030] 圖5是示出根據(jù)本發(fā)明的實施方式的通過3D對象生成設備生成和操縱3D對象的 方法的流程圖；
[0031] 圖6是示出根據(jù)本發(fā)明的實施方式的通過3D對象生成設備生成3D對象的方法的 流程圖；
[0032] 圖7是示出根據(jù)本發(fā)明的實施方式的生成3D對象的方法的畫面的示例性示圖；
[0033] 圖8是示出根據(jù)本發(fā)明的實施方式的通過3D對象生成設備生成變換的3D對象的 方法的流程圖；
[0034] 圖9是示出根據(jù)本發(fā)明的實施方式的用于生成變換的3D對象的方法的畫面的示 例性示圖。
[0035] [附圖中主要元件的標號說明]
[0036] 100 :3D對象生成設備
[0037] 110:通信單元
[0038] 120 :輸入單元
[0039] 130 :輸出單元
[0040] 140 :存儲器單元
[0041] 150 :3D對象生成單元
[0042] 152 :四邊形網(wǎng)格元素生成模塊
[0043] 154 :3D對象生成模塊
[0044] 160 :3D對象操縱處理單元
[0045] 162 :坐標值存儲器模塊
[0046] 164 :3D變換矩陣生成模塊
[0047] 166 :3D對象變換模塊

【具體實施方式】
[0048] 從以下基于附于本發(fā)明的說明書的附圖的【具體實施方式】中將更加清楚地理解本 發(fā)明的上述目的、技術(shù)構(gòu)造和操作效果的細節(jié)。
[0049] 層疊樣式表（CSS)是用于指定畫面構(gòu)造和網(wǎng)絡文檔的渲染方法的技術(shù)，并且CSS 支持施加至2D平面坐標系的2D變換（諸如"平移"、"旋轉(zhuǎn)"、"縮放"和"扭曲"）、施加至3D 立體圖形坐標系的3D變換（諸如"平移3d'、"旋轉(zhuǎn)3d'和"縮放3d'）和變換之間的動畫效 果。
[0050] 此外，CSS是適于簡單地操縱構(gòu)成網(wǎng)絡文檔的每一個結(jié)構(gòu)性元素的技術(shù)，并且已用 于提供諸如菜單欄/按鈕/圖像這樣的簡單的UI結(jié)構(gòu)性元素，以及基于網(wǎng)頁之間的移動的 切換效果。然而，在本發(fā)明中，CSS可用于通過將網(wǎng)絡文檔的單獨的結(jié)構(gòu)性元素（具體地， 圖像）分解為四邊形形式的片斷以及生成與多邊形相似的形式的片斷來生成和操縱特定 的3D對象。
[0051] 以下參照附圖描述其中生成和操縱3D對象的技術(shù)。
[0052] 圖1是示出根據(jù)本發(fā)明的實施方式的生成3D對象的系統(tǒng)的示圖。
[0053] 參照圖1，生成3D對象的系統(tǒng)包括用于響應于3D對象生成設備100來提供網(wǎng)頁或 WAP頁面的服務提供設備200。
[0054] 3D對象生成設備100通過將平面形式的2D網(wǎng)頁的結(jié)構(gòu)性元素劃分為多個多邊形 來生成3D對象，并通過操縱3D對象中的每一個網(wǎng)格元素的頂點的位置來生成變換的3D對 象。
[0055] 這種3D對象生成設備100可應用于具有通信功能和短程通信功能的任何用戶裝 置。例如，用戶裝置可包括諸如筆記本、無線通信終端、智能電話、便攜式媒體播放器（PMP)、 便攜式數(shù)字助理（PDA)、平板PC、機頂盒和智能TV等的各種裝置。
[0056] 參照圖2詳細描述3D對象生成設備100。
[0057] 服務提供設備200響應于3D對象生成設備100的請求將網(wǎng)頁或WAP頁面提供至 3D對象生成設備100。
[0058] 圖2是示意性地示出根據(jù)本發(fā)明的實施方式的3D對象生成設備的構(gòu)造的框圖，圖 3是示出圖2所示的3D對象生成單元的構(gòu)造的詳細框圖，圖4是示出圖2所示的3D對象操 縱處理單元的構(gòu)造的詳細框圖。
[0059] 參照圖2,3D對象生成設備100包括通過通信網(wǎng)絡發(fā)送和接收數(shù)據(jù)的通信單元 110、輸入單元120、輸出單元130、存儲器單元140、3D對象生成單元150和3D對象操縱處 理單元160。
[0060] 通信單元110是用于經(jīng)通信網(wǎng)絡將3D對象生成設備100與服務提供設備連接的 通信裝置，并且其可包括例如諸如移動通信和衛(wèi)星通信這樣的無線通信模塊、諸如互聯(lián)網(wǎng) 的有線通信模塊和諸如Wi-Fi的短程無線通信模塊。
[0061] 輸入單元120是用于接收控制3D對象生成設備100的操作的用戶請求的裝置，并 且其響應于用戶的操縱將用戶請求轉(zhuǎn)換為電信號。輸入單元120是指用于從用戶接收字 母、數(shù)字和文本信息的鍵輸入裝置，并且可利用鍵盤、鍵區(qū)或觸摸屏實現(xiàn)鍵輸入裝置。
[0062] 輸出單元130顯示被3D對象生成設備100訪問的網(wǎng)站的數(shù)據(jù)。此外，輸出單元 130是指用于根據(jù)應用的驅(qū)動來顯示畫面信息的顯示裝置。優(yōu)選地，利用諸如液晶顯示器 (LCD)或有機發(fā)光二極管（0LED)的小型平板顯示裝置實現(xiàn)輸出單元130。此外，輸出單元 130可與輸入單元120 -起以觸摸屏形式形成。
[0063] 存儲器單元140存儲控制3D對象生成設備100的操作所需的程序以及當執(zhí)行程 序時所生成的數(shù)據(jù)。
[0064] 3D對象生成單元150通過將對應的結(jié)構(gòu)性元素通過2D網(wǎng)頁的結(jié)構(gòu)性元素的網(wǎng)格 化劃分為多個多邊形來生成3D對象。3D對象由多個多邊形表示。通常，多邊形具有點、線 和三角形的任一種形式。三角形多邊形由其各個頂點的坐標（x，y，z)和其它屬性（例如， 顏色和紋理坐標）表示。多邊形頂點的坐標（x，y)指示輸出單元130上的位置。坐標（z) 指示頂點與3D場景的選擇的視點間隔開。
[0065] 以下參照圖3描述3D對象生成單元150。3D對象生成單元150包括四邊形網(wǎng)格 元素生成模塊152和3D對象生成模塊154。
[0066] 四邊形網(wǎng)格元素生成模塊152通過將網(wǎng)頁的結(jié)構(gòu)性元素劃分為特定數(shù)量的相等 的四邊形網(wǎng)格來生成四邊形網(wǎng)格元素。網(wǎng)頁的結(jié)構(gòu)性元素可包括諸如圖像、文本等這樣的 對象。因此，如果網(wǎng)頁的結(jié)構(gòu)性元素是圖像，則四邊形網(wǎng)格元素生成模塊152可從服務提供 設備接收對應于原始圖像的網(wǎng)格形式的單獨的圖像。此外，四邊形網(wǎng)格元素生成模塊152 可利用Java腳本等通過瀏覽器內(nèi)的內(nèi)部操作將原始圖像變換為位圖形式，以及接著生成 網(wǎng)格圖像。此外，如果網(wǎng)頁的結(jié)構(gòu)性元素不是圖像，則四邊形網(wǎng)格元素生成模塊152可通過 利用諸如<div>或〈span〉這樣的界定標簽將對應的結(jié)構(gòu)性元素分解為四邊形網(wǎng)格來生成 四邊形網(wǎng)格元素。
[0067] 3D對象生成模塊154通過沿對角線方向連接通過四邊形網(wǎng)格元素生成模塊152生 成的四邊形網(wǎng)格元素的頂點來生成多個多邊形，將連接的四邊形網(wǎng)格元素劃分為兩個三角 形，復制四邊形網(wǎng)格元素，以及控制各個四邊形網(wǎng)格元素的透明度，使得僅看見兩個四邊形 的不同的三角形區(qū)。這里，由多個所生成的多邊形形成的結(jié)構(gòu)性元素可以是3D對象。也就 是說，3D對象生成模塊154沿著對角線方向連接四邊形網(wǎng)格元素的頂點，將連接的網(wǎng)格元 素劃分為兩個三角形，復制兩對對應的四邊形網(wǎng)格元素，并且控制各個三角形區(qū)的透明度 以使得僅看見兩個四邊形的不同的三角形區(qū)。例如，就圖像而言，3D對象生成模塊154將除 了看見的三角形以外的區(qū)的透明度（α值）設為"〇"，從而在兩個四邊形的不同的區(qū)的三角 形中看見圖像。此外，就除圖像以外的元素而言，3D對象生成模塊154可將一側(cè)的三角形的 透明度（α值）設為"1"，并且將另一側(cè)的三角形的透明度（α值）設為"〇"，從而僅在一 側(cè)的三角形看見結(jié)構(gòu)性元素。
[0068] 返回參照圖2,當在通過3D對象生成單元150生成的3D對象中接收到對象操縱信 號時，3D對象操縱處理單元160通過響應于對象操縱信號改變單獨的網(wǎng)格元素的頂點坐標 值來生成3D變換矩陣，并且通過將生成的3D變換矩陣應用于預定的CSS變換來生成變換 的3D對象。也就是說，在生成3D對象之后，結(jié)構(gòu)性元素的原始圖像或形狀能夠通過操縱包 括在3D對象中的單獨的網(wǎng)格元素的頂點的位置自由地變換。因此，當接收到對象操縱信號 時，3D對象操縱處理單元160可響應于對象操縱信號通過根據(jù)3D變換合適地變換網(wǎng)格元素 的形狀將原始圖像變換為特定形式的3D對象。
[0069] 下面參照圖4描述3D對象操縱處理單元160。3D對象操縱處理單元160包括坐 標值存儲器模塊162、3D變換矩陣生成模塊164和3D對象變換模塊166。
[0070] 坐標值存儲器模塊162存儲構(gòu)成通過3D對象生成單元150生成的3D對象的各個 網(wǎng)格元素的頂點坐標值。這里，坐標值存儲器模塊162可存儲陣列形式的各個網(wǎng)格元素的 頂點坐標值。
[0071] 當在通過3D對象生成單元150生成的3D對象中接收到對象操縱信號時，3D變換 矩陣生成模塊164響應于對象操縱信號來改變各個網(wǎng)格元素的頂點坐標值，并利用改變后 的頂點坐標值和存儲在坐標值存儲器模塊162中的頂點坐標值生成各個網(wǎng)格元素的3D變 換矩陣。
[0072] 也就是說，如果用戶利用觸摸輸入或鼠標移動3D對象的單獨的網(wǎng)格元素，或者單 獨的網(wǎng)格元素響應于諸如存儲的動畫邏輯這樣的事件而移動，則3D變換矩陣生成模塊164 確定已接收到對象操縱信號，響應于對象操縱信號改變各個網(wǎng)格元素的頂點坐標值，并且 通過在所有網(wǎng)格元素上執(zhí)行矩陣操作來生成CSS操作所需的3D變換矩陣。這里，生成的3D 變換矩陣在網(wǎng)格元素中可具有不同的值。同時，在操作中，3D變換矩陣生成模塊164不包括 在畫面中不可見的頂點（S卩，透明三角形區(qū)中的頂點）。
[0073] 下面描述通過3D變換矩陣生成模塊164生成3D變換矩陣的方法。假設在場景上 看到的三個頂點的當前值分別為〇l(xl，yl，zl)、02(x2, y2, z2)和03(x3, y3, z3)，響應于 對象操縱信號改變的頂點坐標值為D1 (al，bl，cl)、D2 (a2, b2, c2)和D3 (a3, b3, c3)，并且 將獲得的變換矩陣為M，3D變換矩陣生成模塊164需要滿足矩陣等式"M*01 = Dl，M*02 = D2，M*03 = D3"。
[0074] 就3X3矩陣而言，可通過在其中D1、D2和D3對應于一列的矩陣Pdestinatim之前乘 以其中01、02和03對應于一列的矩陣P OTigin的逆矩陣容易地獲得M。然而，在公共變換矩 陣中，為了應用"平移"和"透明變換"，以4X4形式而非3X3形式建立諸如數(shù)學等式1這 樣的矩陣等式M transfOTm。在這種情況下，因為存在多個方案，所以不提供逆矩陣。
[0075] [數(shù)學等式1]

【權(quán)利要求】
1. 一種3D對象生成設備，包括： 3D對象生成單元，所述3D對象生成單元用于通過將2D網(wǎng)頁的結(jié)構(gòu)性元素網(wǎng)格化和劃 分為多個多邊形來生成3D對象；以及 3D對象操縱處理單元，當在生成的3D對象中輸入對象操縱信號時，所述3D對象操縱 處理單元通過響應于所述對象操縱信號改變各個網(wǎng)格元素的頂點坐標值來生成3D變換矩 陣，并且通過將所生成的3D變換矩陣應用于預定的層疊樣式表（CSS)變換來生成變換的3D 對象。
2. 根據(jù)權(quán)利要求1所述的3D對象生成設備，其中，所述3D對象生成單元包括： 四邊形網(wǎng)格元素生成模塊，所述四邊形網(wǎng)格元素生成模塊用于通過將所述網(wǎng)頁的結(jié)構(gòu) 性元素等分為特定數(shù)量的四邊形網(wǎng)格來生成四邊形網(wǎng)格元素；以及 3D對象生成模塊，所述3D對象生成模塊用于沿著對角線方向?qū)⒏鱾€生成的四邊形網(wǎng) 格元素的頂點劃分為兩個三角形、復制四邊形網(wǎng)格元素、以及通過控制透明度以使得僅看 見兩個四邊形的不同的三角形區(qū)來生成多個多邊形。
3. 根據(jù)權(quán)利要求2所述的3D對象生成設備，其中，所述四邊形網(wǎng)格元素生成模塊在所 述網(wǎng)頁的所述結(jié)構(gòu)性元素是圖像的情況下從服務提供設備接收對應于原始圖像的網(wǎng)格形 式的單獨的圖像，或者通過瀏覽器內(nèi)的內(nèi)部操作將原始圖像變換為位圖形式并生成網(wǎng)格圖 像，并且在所述網(wǎng)頁的所述結(jié)構(gòu)性元素不是圖像的情況下利用界定標簽生成所述四邊形網(wǎng) 格元素。
4. 根據(jù)權(quán)利要求1所述的3D對象生成設備，其中，所述3D對象操縱處理單元包括： 坐標值存儲器模塊，所述坐標值存儲器模塊用于存儲形成了通過所述3D對象生成單 元所生成的3D對象的所述各個網(wǎng)格元素的頂點坐標值； 3D變換矩陣生成模塊，所述3D變換矩陣生成模塊用于當輸入所述對象操縱信號時響 應于所述對象操縱信號改變所述各個網(wǎng)格元素的頂點坐標值，并利用改變后的頂點坐標值 和存儲在所述坐標值存儲器模塊中的所述頂點坐標值來生成所述各個網(wǎng)格元素的所述3D 變換矩陣；以及 3D對象變換模塊，所述3D對象變換模塊用于通過將所生成的3D變換矩陣應用于所述 CSS變換來生成所述變換的3D對象。
5. -種在通過3D對象生成設備生成和操縱2D網(wǎng)頁的結(jié)構(gòu)性元素成為3D對象的方法 中的3D對象生成方法，所述方法包括以下步驟： (a) 通過將所述網(wǎng)頁的所述結(jié)構(gòu)性元素等分為特定數(shù)量的四邊形網(wǎng)格來生成四邊形網(wǎng) 格元素；以及 (b) 沿著對角線方向連接各個生成的四邊形網(wǎng)格元素的頂點，將所連接的四邊形網(wǎng)格 元素劃分為兩個三角形，復制所述四邊形網(wǎng)格元素，并且通過控制透明度以使得僅看見兩 個四邊形的不同的三角形區(qū)來生成所述3D對象。
6. 根據(jù)權(quán)利要求5所述的3D對象生成方法，該方法還包括以下步驟： 在所述步驟（b)之后，當在所生成的3D對象中輸入對象操縱信號時，響應于所述對象 操縱信號改變所述各個網(wǎng)格元素的頂點坐標值，并且利用改變后的頂點坐標值和改變前的 頂點坐標值生成所述各個網(wǎng)格元素的3D變換矩陣；以及 通過將所生成的3D變換矩陣應用于預定的CSS變換來生成變換的3D對象。
7. 根據(jù)權(quán)利要求5所述的3D對象生成方法，其中，在所述步驟（b)中，在所述網(wǎng)頁的所 述結(jié)構(gòu)性元素是圖像的情況下，從服務提供設備接收到對應于原始圖像的網(wǎng)格形式的單獨 的圖像，或者原始圖像通過瀏覽器中的內(nèi)部操作變換為位圖形式，并且生成網(wǎng)格圖像，而在 所述網(wǎng)頁的所述結(jié)構(gòu)性元素不是圖像的情況下利用界定標簽生成所述四邊形網(wǎng)格元素。
8. -種其上以程序形式記錄了用于生成3D對象的方法的電子裝置可讀記錄介質(zhì)，該 方法包括以下步驟： 通過將網(wǎng)頁的結(jié)構(gòu)性元素等分為特定數(shù)量的四邊形網(wǎng)格來生成四邊形網(wǎng)格元素； 沿著對角線方向連接各個生成的四邊形網(wǎng)格元素的頂點，將所連接的四邊形網(wǎng)格元素 劃分為兩個三角形，復制所述四邊形網(wǎng)格元素，并且通過控制透明度以使得僅在不同的三 角形區(qū)中看見兩個四邊形來生成3D對象； 當在所生成的3D對象中輸入對象操縱信號時，響應于所述對象操縱信號改變每一個 所述網(wǎng)格元素的頂點坐標值，并且利用改變后的頂點坐標值和改變前的頂點坐標值生成各 個網(wǎng)格元素的3D變換矩陣；以及 通過將所生成的3D變換矩陣應用于預定的CSS變換來生成變換的3D對象。
【文檔編號】G06T17/20GK104254878SQ201380022288
【公開日】2014年12月31日 申請日期:2013年7月31日 優(yōu)先權(quán)日:2012年9月26日
【發(fā)明者】沈煜 申請人:Sk 普蘭尼特有限公司