一種生成三維互動界面的方法及其裝置的製作方法

2023-04-26 04:29:01 3

專利名稱：一種生成三維互動界面的方法及其裝置的製作方法
技術領域：
本發明涉及圖像處理技術領域，特別涉及一種生成三維互動界面的方 法及其裝置。
背景技術：
現有技術的三維互動界面(比如遊戲界面) 一般是根據實際需要的三 維互動界面運用專用的三維建模軟體建立相應的模型，然後將模型通過復 雜的矩陣變換渲染到計算機的顯示器上，可見現有技術的三維互動界面的
實現需要很強的三維專業技術才能實現，實現起來比較複雜；另外如果想 要修改三維互動界面時，還需要用軟體去修改相應的模型，操作比較複雜。

發明內容
本發明提供了一種生成三維互動界面的方法及其裝置，其實現比較簡 單，不需要很強的三維專業技術就能實現。
本發明的技術方案是 一種生成三維互動界面的方法，包括步驟
獲取三維互動界面上的圖素在顯示界面上的位置坐標，所述三維互 動界面上的圖素包括背景層圖素、互動層圖素和遮擋層圖素；
獲取預先繪製的所述背景層圖素、互動層圖素及遮擋層圖素；
根據所述位置坐標，將所述背景層圖素、互動層圖素和遮擋層圖素 依次渲染到所述顯示界面上。
本發明的生成三維互動界面的裝置，包括獲取模塊，用於獲取三維互動界面上的圖素在顯示界面上的位置坐 標，所述三維互動界面上的圖素包括背景層圖素、互動層圖素和遮擋層
圖素；及獲^^預先《會制的所迷背景層圖素、互動層圖素及遮擋層圖素；
渲染模塊，用於根據所述位置坐標，將所述背景層圖素、互動層圖 素和遮擋層圖素依次渲染到所述顯示界面上。
本發明的生成三維互動界面的方法及其裝置，通過獲取三維互動界 面上的圖素在顯示界面上的位置坐標，所述三維互動界面上的圖素包括 背景層圖素、互動層圖素和遮擋層圖素；及獲取預先繪製的所述背景層 圖素、互動層圖素及遮擋層圖素；之後根據所述位置坐標，將所述背景 層圖素、互動層圖素和遮擋層圖素依次渲染到所述顯示界面上。由此可 見本發明生成三維互動界面的方法，只需獲取預先繪製好的各個簡單的 二維圖素及各個圖素在顯示界面的位置坐標，不需要專業的三維繪圖技 術即可實現三維互動界面，實現比較簡單；且用戶需要修改三維互動界 面的時候，只需修改互動層圖素或背景層圖素或遮擋層圖素，不需要利 用三維繪圖軟體去修改相應的整體三維模型，實現相對比較筒單。


圖1是本發明生成三維互動界面的方法的流程圖2是本發明生成三維互動界面的裝置一實施例的方框圖3是本發明生成三維互動界面的裝置一實施例的方框圖4是本發明實施例三的調整月份轉輪的示意圖5是本發明實施例三的調整月份轉輪的各個圖素的示意圖。
具體實施例方式
下面結合附圖和具體實施例對本發明做一詳細的闡述。 實施例一
本發明的生成三維互動界面的方法，如圖1,包括步驟
5101、 獲取三維互動界面的圖素在顯示界面上的位置坐標；該圖素包 括背景層圖素、互動層圖素及遮擋層圖素。該步驟是獲取三維互動界面的 圖素在顯示界面上的位置坐標，該三維互動界面是預先指定的。在一具體 實施例中，用戶可以將該指定的三維互動界面上的圖素進行歸類，劃分為 背景層圖素、互動層圖素及遮擋層圖素，具體可以是，將所述三維互動界 面分為三層，從下到上依次為第一層、第二層、第三層；所述第一層為背 景層圖素，所述第二層為互動層圖素，所述第三層為遮擋層圖素；所述互 動層圖素為所述三維互動界面上的互動區域，所述互動區域包括操作區域
(用戶可以在該操作區域進行操作)和非操作區域，用來遮擋所述非操作 區域的區域為遮擋層圖素，位於所述互動層圖素下面的區域為所述背景層 圖素。之後用戶可以根據製圖軟體等工具來計算該歸類好的各個圖素在顯 示界面的位置坐標。
5102、 獲取預先繪製好的所述背景層圖素、互動層圖素及遮擋層圖素。 用戶可以用圖片製作工具來繪製背景層圖素、互動層圖素及遮擋層圖素， 比如PhotoShop製圖軟體。
5103、 根據所述位置坐標，將所述背景層圖素、互動層圖素和遮擋層 圖素按先後順序依次渲染到所述顯示界面上，即可在顯示界面上生成所需 的三維互動界面。
本發明的生成三維互動界面的方法，是根據預先知道的三維互動界面 來實現新的三維互動界面，即從結果出發，通過分析最終要實現的三維互 動界面，將該三維互動界面進行歸類，計算各個圖素在顯示界面的位置坐標，準備好各個圖素，最後將繪製好的各個圖素按相應的位置坐標有序的 渲染到顯示界面上，即形成要實現的三維互動界面。
由此可見本發明生成三維互動界面的方法，只需獲取預先繪製好的 各個簡單的二維圖素及各個圖素在顯示界面的位置坐標，不需要專業的
三維繪圖技術即可顯示三維互動界面，實現比較筒單；且用戶需要修改 三維互動界面的時候，只需修改互動層圖素或背景層圖素或遮擋層圖素， 不需要利用三維繪圖軟體去修改相應的整體三維模型，實現相對比較筒單。
為了方便用戶對三維互動界面進行修改，操作比較簡單，在一具體實 施例中，在根據所述位置坐標，將所述背景層圖素、互動層圖素和遮擋層 圖素依次渲染到所述顯示界面上之後，還包括步驟當檢測到用戶修改所 述顯示界面上的圖素的修改信息時，接收該修改信息，並根據該修改信息 更新所述顯示界面上的圖素。在一具體實施例中，當檢測到用戶的修改信 息時，判斷該修改信息是對哪個圖素(背景層圖素或互動層圖素或遮擋層 圖素)進行修改，再根據該修改信息修改相應的圖素，並將修改後的圖素 渲染到相應的顯示界面上。
實施例二
本發明生成三維互動界面的裝置，如圖2,包括
獲取模塊Sl,用於獲取預先計算的三維互動界面上的圖素在顯示界面 上的位置坐標，所述三維互動界面上的圖素包括背景層圖素、互動層圖素 和遮擋層圖素；及獲取預先繪製的所述背景層圖素、互動層圖素及遮擋層 圖素。用戶可以預先對需要實現的三維互動界面的圖素進行歸類，將其劃 分為背景層圖素、互動層圖素及遮擋層圖素，具體可以是，將所述三維互 動界面分為三層，從下到上依次為第一層、第二層、第三層；所述第一層 為背景層圖素，所述第二層為互動層圖素，所述第三層為遮擋層圖素；所 述互動層圖素為所述三維互動界面上的互動區域，所述互動區域包括操作區域(用戶可以在該操作區域進行操作)和非操作區域，用來遮擋所述非 操作區域的區域為遮擋層圖素，位於所述互動層圖素下面的區域為所述背 景層圖素。之後用戶可以根據製圖軟體等工具來計算該歸類好的各個圖素 在顯示界面的位置坐標，及預先用繪圖工具繪製出背景層圖素、互動層圖 素和遮擋層圖素。
渲染模塊S2,用於根據所述位置坐標，將所述背景層圖素、互動層 圖素和遮擋層圖素依次渲染到所述顯示界面上。
另外，為了方便用戶修改渲染到顯示界面上的各個圖素，如圖3,本發 明實現三維互動顯示界面的裝置還包括，修改模塊S3，其與渲染模塊S2連 接，在檢測到用戶修改所述三維互動界面的修改信息時，接收該修改信息， 並根據該修改信息更新所述顯示界面上的各個圖素(背景層圖素或互動層 圖素或遮擋層圖素)。
實施例三
結合上述實施例工作原理，該實施例給出了生成三維互動界面"轉輪" 的方法。
圖4所示為要生成的調整月份的轉輪示意圖。
首先將調整月份的轉輪歸類分為背景層圖素、互動層圖素和遮擋層圖 素，如圖5,轉輪A為第一層，是背景層圖素；B為第二層，是互動層圖素， 其上面寫有從1到12個數字，用來表示月份；C、 D、 E為第三層，是遮擋 層圖素，其中C為用於遮擋互動層圖素上方的區域，D用於遮擋互動層圖素 下方的區域；E是用來表示月，除了 "月，，字，其他區域可以繪製成不完全 透明的。
之後用戶根據該三維互動界面在顯示界面上的位置可以計算出各個圖 素在顯示界面上的位置坐標，可以利用繪圖軟體等工具計算；再利用圖片 製作工具繪製好各個圖素。最後將各個圖素依次渲染到顯示界面上，先獲取已經計算好的各個圖 素在顯示界面的位置坐標及已繪製好的各個圖素，之後根據所述位置坐標
先渲染轉輪A到顯示界面，之後渲染互動層圖素B到顯示界面，之後再渲 染遮擋層圖素C、 D和E，就可以生成三維互動界面轉輪。其中為了使轉輪 A能夠顯示出來，互動層圖素B上除了數字可以將其他部分繪製為完全透明 的，這樣我們就可以透過互動層圖素看到轉輪A。互動層圖素B除了被遮擋 層圖素C、 D和E遮擋的區域可以設置成操作區域，用戶可以操作該操作區 域，以調整月份。
當用戶需要修改三維互動界面時，可以根據用戶的修改信息來判斷是 修改哪部分圖素，這樣只需要相應的更新那部分圖素即可，操作簡單方便。
以上所述的本發明實施方式，並不構成對本發明保護範圍的限定。任 何在本發明的精神和原則之內所作的修改、等同替換和改進等，均應包含 在本發明的權利要求保護範圍之內。
權利要求
1、一種生成三維互動界面的方法，其特徵在於，包括步驟獲取三維互動界面上的圖素在顯示界面上的位置坐標，所述三維互動界面上的圖素包括背景層圖素、互動層圖素和遮擋層圖素；獲取預先繪製的所述背景層圖素、互動層圖素及遮擋層圖素；根據所述位置坐標，將所述背景層圖素、互動層圖素和遮擋層圖素依次渲染到所述顯示界面上。
2、 根據權利要求1所述的生成三維互動界面的方法，其特徵在於所述三維互動界面包括三層，從下到上依次為第一層、第二層、第三 層；所述背景層圖素位於所述第一層，所述互動層圖素位於所述第二層， 所述遮擋層圖素位於所述第三層；所述第二層包括所述三維互動界面上的 互動區域，所述互動區域包括操作區域和非操作區域，所述遮擋層圖素用 於遮擋所述非操作區域。
3、 根據權利要求1或2所述的生成三維互動界面的方法，其特徵在於 在根據所述位置坐標，將所述背景層圖素、互動層圖素和遮擋層圖素依次 渲染到所述顯示界面上之後，還包括步驟當檢測到用戶修改所述顯示界 面上的圖素的修改信息時，接收該修改信息，並根據該修改信息更新所述 顯示界面上的圖素。
4、 一種生成三維互動界面的裝置，其特徵在於包括，獲取模塊，用於獲取三維互動界面上的圖素在顯示界面上的位置坐標， 所述三維互動界面上的圖素包括背景層圖素、互動層圖素和遮擋層圖素； 及獲取預先繪製的所述背景層圖素、互動層圖素及遮擋層圖素；渲染模塊，用於根據所述位置坐標，將所述背景層圖素、互動層圖素 和遮擋層圖素依次渲染到所述顯示界面上。
5、 根據權利要求4所述的生成三維互動界面的裝置，其特徵在於還 包括，修改模塊，當檢測到用戶修改所述顯示界面上的圖素的修改信息時，接收該修改信息，並根據該修改信息更新所述顯示界面上的圖素。
全文摘要
本發明公開了一種生成三維互動界面的方法及其裝置，該方法包括步驟獲取三維互動界面上的圖素在顯示界面上的位置坐標，三維互動界面上的圖素包括背景層圖素、互動層圖素和遮擋層圖素；獲取預先繪製的背景層圖素、互動層圖素及遮擋層圖素；根據位置坐標，將所述背景層圖素、互動層圖素和遮擋層圖素依次渲染到所述顯示界面上。本發明生成三維互動界面的方法，只需獲取各個預先繪製的簡單的二維圖素及各個圖素在顯示界面上的位置坐標，不需要用專業的三維繪圖技術即可生成三維互動界面，實現比較簡單；且用戶需要修改三維互動界面的時候，只需修改互動層圖素或背景層圖素或遮擋層圖素，不需要利用三維繪圖軟體去修改相應的整體三維模型，簡單方便。
文檔編號G06T15/00GK101436304SQ200810219209
公開日2009年5月20日 申請日期2008年11月18日 優先權日2008年11月18日
發明者徐蜀中, 胡建華, 謝桂冠 申請人:廣東威創視訊科技股份有限公司