一種在3d空間中的控件實現(xiàn)方法及其裝置的制造方法
【專利摘要】本申請實施例提供一種在3D空間中的控件實現(xiàn)方法及其裝置，屬于虛擬現(xiàn)實技術(shù)領(lǐng)域。所述方法，包括：將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片；將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。本申請實施例能夠在3D空間中提供具有倒影特效的控件。
【專利說明】
一種在3D空間中的控件實現(xiàn)方法及其裝置
技術(shù)領(lǐng)域
[0001 ]本申請屬于虛擬現(xiàn)實技術(shù)領(lǐng)域，具體涉及一種在3D空間中的控件實現(xiàn)方法及其裝置。
【背景技術(shù)】
[0002 ]虛擬現(xiàn)實技術(shù)綜合了計算機圖形技術(shù)、計算機仿真技術(shù)、傳感器技術(shù)、顯示技術(shù)等多種科學(xué)技術(shù)，它在多維信息空間上創(chuàng)建一個虛擬信息環(huán)境，能使用戶具有身臨其境的沉浸感，具有與環(huán)境完善的交互作用能力，并有助于啟發(fā)構(gòu)思。
[0003]由于虛擬現(xiàn)實技術(shù)的上述優(yōu)勢，其改進了現(xiàn)有音視頻設(shè)備的用戶體驗，它已涉及更廣的領(lǐng)域，如電視會議、網(wǎng)絡(luò)技術(shù)和分布計算技術(shù)，并向分布式虛擬現(xiàn)實發(fā)展。虛擬現(xiàn)實技術(shù)已成為新產(chǎn)品設(shè)計開發(fā)的重要手段。
[0004]控件是對數(shù)據(jù)和方法的封裝?？丶梢杂凶约旱膶傩院头椒ā傩允强丶?shù)據(jù)的簡單訪問者。方法則是控件的一些簡單而可見的功能。
[0005]開發(fā)虛擬現(xiàn)實技術(shù)的用戶界面(UserInterface，簡稱UI，亦稱使用者界面)的控件，以幫助完成軟件開發(fā)中視窗、文本框、按鈕、下拉式菜單等界面元素的開發(fā)。在3D空間中的控件實現(xiàn)難度大于在2D空間中進行空間進行控件設(shè)計，在3D空間中的控件通常只有規(guī)則的矩形。具有倒影特效的控件因具有更佳的視覺效果而為用戶所喜愛，但是在3D空間中無法獲得具有倒影特效的控件。
[0006]因此，如何在3D空間中獲得具有倒影特效的控件，成為現(xiàn)有技術(shù)亟待解決的技術(shù)問題。

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

[0007]本申請實施例解決的技術(shù)問題之一在于提供一種在3D空間中的控件實現(xiàn)方法及其裝置，其能夠在3D空間中提供具有倒影特效的控件。
[0008]—種在3D空間中的控件實現(xiàn)方法，包括:
[0009]將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片；
[0010]將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。
[0011]在本申請一具體實施例中，所述將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片包括:
[0012]更改當前用戶界面控件的面片的傾斜角度，生成具有預(yù)設(shè)角度的傾斜面片；
[0013]自適應(yīng)調(diào)整所述具有預(yù)設(shè)角度的傾斜面片上的紋理，獲得所述新的面片。
[0014]在本申請一具體實施例中，所述將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片包括:
[0015]根據(jù)所述當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度，計算具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標；
[0016]根據(jù)所述具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標，生成所述新的面片。
[0017]在本申請一具體實施例中，所述將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部之后還包括:
[0018]對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果。
[0019]在本申請一具體實施例中，所述對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果之后還包括:
[0020]對所述新的面片進行濾鏡處理。
[0021 ]對應(yīng)于上述方法，本申請還提供一種在3D空間中的控件實現(xiàn)裝置，包括:
[0022]面片生成模塊，用于將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片；
[0023]面片貼附模塊，用于將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。
[0024]在本申請一具體實施例中，所述面片生成模塊包括:
[0025]面片更改單元，用于更改當前用戶界面控件的面片的傾斜角度，生成具有預(yù)設(shè)角度的傾斜面片；
[0026]紋理調(diào)整單元，用于自適應(yīng)調(diào)整所述具有預(yù)設(shè)角度的傾斜面片上的紋理，獲得所述新的面片。
[0027]在本申請一具體實施例中，所述面片生成模塊包括:
[0028]坐標計算單元，用于根據(jù)所述當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度，計算具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標；
[0029]坐標調(diào)整單元，用于根據(jù)所述具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標，生成所述新的面片。
[0030]在本申請一具體實施例中，所述裝置還包括:
[0031]透明調(diào)整模塊，用于對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果。
[0032]在本申請一具體實施例中，所述裝置還包括:
[0033]濾鏡處理模塊，用于對所述新的面片進行濾鏡處理。
[0034]本申請實施例將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片，將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。因此，本申請可以在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便，無需大量的渲染和布局工作。
【附圖說明】
[0035]為了更清楚地說明本申請實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本申請中記載的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，還可以根據(jù)這些附圖獲得其他的附圖。
[0036]圖1是本申請所應(yīng)用的計算機設(shè)備的硬件結(jié)構(gòu)圖；
[0037]圖2是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)方法一實施例流程圖；
[0038]圖3是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)方法另一實施例步驟SI的流程圖；
[0039]圖4是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)方法再一實施例步驟SI的流程圖；
[0040]圖5是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)方法再一實施例流程圖；
[0041 ]圖6是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)方法再一實施例流程圖；
[0042]圖7是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)裝置一實施例的結(jié)構(gòu)圖；
[0043]圖8是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)裝置另一實施例的面片生成模塊的結(jié)構(gòu)圖；
[0044]圖9是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)裝置再一實施例的面片生成模塊的結(jié)構(gòu)圖；
[0045]圖10是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)裝置再一實施例的結(jié)構(gòu)圖；
[0046]圖11是本申請?zhí)峁┑囊环N在3D空間中的控件實現(xiàn)裝置再一實施例的結(jié)構(gòu)圖；
[0047]圖12是本申請一具體應(yīng)用場景的流程圖。
【具體實施方式】
[0048]本申請實施例將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片，將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。因此，本申請可以在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便，無需大量的渲染和布局工作。
[0049]盡管本申請能夠具有許多不同形式的實施例，但在附圖中顯示并且將在本文詳細描述的特定實施例，應(yīng)該理解，這種實施例的公開應(yīng)該被視為原理的示例，而非意圖把本申請限制于顯示和描述的特定實施例。在以下的描述中，相同的標號用于描述附圖的幾個示圖中的相同、相似或?qū)?yīng)的部分。
[0050]如本文所使用，術(shù)語“一個”或“一種”被定義為一個(種)或超過一個(種)。如本文所使用，術(shù)語“多個”被定義為兩個或超過兩個。如本文所使用，術(shù)語“其他”被定義為至少再一個或更多個。如本文所使用，術(shù)語“包含”和/或“具有”被定義為包括(即，開放式語言)ο如本文所使用，術(shù)語“耦合”被定義為連接，但未必是直接連接，并且未必是以機械方式連接。如本文所使用，術(shù)語“程序”或“計算機程序”或類似術(shù)語被定義為設(shè)計用于在計算機系統(tǒng)上執(zhí)行的指令序列?！俺绦颉被颉坝嬎銠C程序”可包括子程序、函數(shù)、過程、對象方法、對象實現(xiàn)、可執(zhí)行應(yīng)用、小應(yīng)用程序、小服務(wù)程序、源代碼、目標代碼、共享庫/動態(tài)加載庫和/或設(shè)計用于在計算機系統(tǒng)上執(zhí)行的其它指令序列。
[0051 ]如本文所使用，術(shù)語“節(jié)目”也可用在第二語境中(以上定義用于第一語境)。在第二語境中，在“電視節(jié)目”的意義上使用該術(shù)語。在這種語境中，該術(shù)語用于表示任何相干系列的音頻視頻內(nèi)容，諸如將會被解釋為并且在電子節(jié)目指南(EPG)中被報告為單個電視節(jié)目的內(nèi)容，而不管該內(nèi)容是電影、體育賽事、多部分連續(xù)劇的片段、新聞廣播等。該術(shù)語也可被解釋為包括商業(yè)插播廣告和可能未在電子節(jié)目指南中被報告為節(jié)目的其它像節(jié)目一樣的內(nèi)容。
[0052]在整個本文件中對“一個實施例”、“某些實施例”、“實施例”或類似術(shù)語的提及表示結(jié)合實施例描述的特定特征、結(jié)構(gòu)或特性被包括在本發(fā)明的至少一個實施例中。因此，在整個本說明書的各種地方的這種詞語的出現(xiàn)不必全部表示相同的實施例。另外，所述特定特征、結(jié)構(gòu)或特性可非限制性地在一個或多個實施例中以任何合適的方式組合。
[0053]如本文所使用，術(shù)語“或者”應(yīng)該被解釋為是包括性的或者表示任何一種或任何組合。因此，“A、B或者C”表示“下面的任何一種:A;B;C;A和B;A和C;B和C;A，B和C”。僅當元件、功能、步驟或動作的組合以某種方式固有地相互排斥時，將會發(fā)生這種定義的例外。
[0054]如本文所使用，術(shù)語3D或三維旨在應(yīng)用于立體三維視覺體驗。這種體驗?zāi)軌蛞栽S多方法創(chuàng)建，包括使用針對每只眼睛不同地偏振或針對每只眼睛濾色的圖像。具體地講，在本發(fā)明的上下文內(nèi)，通過分開的左眼和右眼圖像的產(chǎn)生和顯示來創(chuàng)建三維視覺體驗。在呈現(xiàn)分開的用于每只眼睛的圖像的顯示裝置上觀看這種圖像，其中主動技術(shù)(諸如，由每只眼睛觀看的圖像的交替的同步的阻擋和通過)用于創(chuàng)建左眼和右眼圖像的分離，或者被動技術(shù)(諸如，偏振或有色眼鏡)用于分離左眼和右眼圖像，由此產(chǎn)生立體三維視覺體驗幻覺。
[0055]為了使本領(lǐng)域的人員更好地理解本申請中的技術(shù)方案，下面將結(jié)合本申請實施例中的附圖，對本申請實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅是本申請一部分實施例，而不是全部的實施例?；诒旧暾堉械膶嵤├?，本領(lǐng)域普通技術(shù)人員所獲得的所有其他實施例，都應(yīng)當屬于本申請保護的范圍。
[0056]下面結(jié)合本申請附圖進一步說明本申請具體實現(xiàn)。
[0057]本申請一實施例提供一種在3D空間中的控件實現(xiàn)方法，通常應(yīng)用于計算機設(shè)備。
[0058]參見圖1，所述計算機設(shè)備通常包括:主控芯片11、存儲器12、輸入輸出裝置13以及其他硬件14。所述主控芯片11控制各功能模塊，存儲器12存儲各應(yīng)用程序和數(shù)據(jù)。
[°°59] 參見圖2，所述方法包括:
[0060]S1、將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片。
[0061]用戶界面是系統(tǒng)和用戶之間進行交互和信息交換的媒介，它實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。用戶界面是介于用戶與硬件而設(shè)計彼此之間交互溝通相關(guān)軟件，目的在使得用戶能夠方便有效率地去操作硬件以達成雙向之交互，完成所希望借助硬件完成之工作，用戶界面定義廣泛，包含了人機交互與圖形用戶接口，凡參與人類與機械的信息交流的領(lǐng)域都存在著用戶界面。
[0062]3D空間中的控件用于完成軟件開發(fā)中視窗、文本框、按鈕、下拉式菜單等界面元素的開發(fā)。
[0063]斜切是指對將形狀傾斜一定的角度，從而獲得的傾斜的圖像。
[0064]本申請將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換。所述預(yù)設(shè)角度可以由本領(lǐng)域技術(shù)人員根據(jù)需求進行設(shè)定。
[0065]具體的，如果控件為矩形，則對其進行預(yù)設(shè)角度的斜切變換，得到平行四邊形的新的面片。
[0066]S2、將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。
[0067]本申請將獲得的新的面片反方向鏡像貼附至所述當前用戶界面控件的底部，從而獲得控件的倒影特效。
[0068]因此，本申請可以在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便，無需大量的渲染和布局工作。
[0069]在本申請另一具體實現(xiàn)中，參見圖3，所述步驟SI包括:
[0070]S11、更改當前用戶界面控件的面片的傾斜角度，生成具有預(yù)設(shè)角度的傾斜面片。
[0071]本申請可以直接通過更改面片傾斜角度的方式，令面片具有預(yù)設(shè)角度。更改面片傾斜角度后，面片會因壓縮而損失部分像素，而損失部分像素的面片剛好可以實現(xiàn)類似水紋的視覺效果。設(shè)計人員可以利用所述類似水紋視覺效果的面片來進一步貼附當前用戶界面控件，實現(xiàn)倒影特效。[〇〇72]S12、自適應(yīng)調(diào)整所述具有預(yù)設(shè)角度的傾斜面片上的紋理，獲得所述新的面片。
[0073]本申請獲得所述具有預(yù)設(shè)角度的傾斜面片后，自適應(yīng)調(diào)整其上的紋理，令所述紋理圖案不變，得到新的面片。
[0074]本申請直接通過調(diào)整面片的方式獲得新的面片，在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便，無需大量的渲染和布局工作。
[0075]在本申請再一具體實現(xiàn)中，參見圖4,所述步驟S1包括:[〇〇76]S13、根據(jù)所述當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度，計算具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標。[〇〇77]本申請可以通過更改面片上紋理的紋理坐標的方式，獲得具有預(yù)設(shè)角度的傾斜面片。本申請根據(jù)當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度進行計算，計算獲得具有預(yù)設(shè)角度的傾斜面片的紋理坐標。[〇〇78]S14、根據(jù)所述具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標，生成所述新的面片。[〇〇79]本申請獲得具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標后，利用該坐標生成新的面片。
[0080]本申請直接通過計算面片上紋理坐標的方式獲得新的面片，在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便， 無需大量的渲染和布局工作。[0081 ]在本申請再一具體實現(xiàn)中，參見圖5，所述步驟S2之后還包括:
[0082]S3、對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果。
[0083]透明度指一張圖片的透明和半透明程度，影響其與另一張圖片(或背景)復(fù)疊的效果。
[0084]將圖片和無色透明的階段分為100分，透明度用百分數(shù)表示。
[0085]本申請調(diào)整所述新的面片的透明度，實現(xiàn)倒影的視覺效果。本申請透明度的百分數(shù)為本領(lǐng)域技術(shù)人員根據(jù)需要進行調(diào)整。
[0086]在本申請再一具體實現(xiàn)中，參見圖6,所述步驟S3之后還包括:[〇〇87]S4、對所述新的面片進行濾鏡處理。
[0088]濾鏡處理可以實現(xiàn)面片的特殊視覺效果，比如:黑白，增強，高斯，高對比，夜視，老照片和鉛筆畫等等。本申請根據(jù)設(shè)計需要，對所述新的面片進行濾鏡處理，獲得特定的倒影視覺效果。[〇〇89]對應(yīng)上述方法，本申請一實施例提供一種在3D空間中的控件實現(xiàn)裝置，通常應(yīng)用于計算機設(shè)備。
[0090]參見圖1，所述計算機設(shè)備通常包括:主控芯片11、存儲器12、輸入輸出裝置13以及其他硬件14。所述主控芯片11控制各功能模塊，存儲器12存儲各應(yīng)用程序和數(shù)據(jù)。
[0091]參見圖7,所述裝置包括:
[0092]面片生成模塊71，用于將當前用戶界面控件的面片斜切預(yù)設(shè)角度，生成新的面片；
[0093]面片貼附模塊72,用于將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。
[0094]用戶界面是系統(tǒng)和用戶之間進行交互和信息交換的媒介，它實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。用戶界面是介于用戶與硬件而設(shè)計彼此之間交互溝通相關(guān)軟件，目的在使得用戶能夠方便有效率地去操作硬件以達成雙向之交互，完成所希望借助硬件完成之工作，用戶界面定義廣泛，包含了人機交互與圖形用戶接口，凡參與人類與機械的信息交流的領(lǐng)域都存在著用戶界面。
[0095]3D空間中的控件用于完成軟件開發(fā)中視窗、文本框、按鈕、下拉式菜單等界面元素的開發(fā)。
[0096]斜切是指對將形狀傾斜一定的角度，從而獲得的傾斜的圖像。
[0097]本申請將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換。所述預(yù)設(shè)角度可以由本領(lǐng)域技術(shù)人員根據(jù)需求進行設(shè)定。
[0098]具體的，如果控件為矩形，則對其進行預(yù)設(shè)角度的斜切變換，得到平行四邊形的新的面片。
[0099]S2、將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。
[0100]本申請將獲得的新的面片反方向鏡像貼附至所述當前用戶界面控件的底部，從而獲得控件的倒影特效。
[0101]因此，本申請可以在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便，無需大量的渲染和布局工作。
[0102]在本申請另一具體實現(xiàn)中，參見圖8,所述面片生成模塊71包括:
[0103]面片更改單元711，用于更改當前用戶界面控件的面片的傾斜角度，生成具有預(yù)設(shè)角度的傾斜面片。[〇1〇4]紋理調(diào)整單元712,用于自適應(yīng)調(diào)整所述具有預(yù)設(shè)角度的傾斜面片上的紋理，獲得所述新的面片。
[0105]本申請可以直接通過更改面片傾斜角度的方式，令面片具有預(yù)設(shè)角度。更改面片傾斜角度后，面片會因壓縮而損失部分像素，而損失部分像素的面片剛好可以實現(xiàn)類似水紋的視覺效果。設(shè)計人員可以利用所述類似水紋視覺效果的面片來進一步貼附當前用戶界面控件，實現(xiàn)倒影特效。
[0106]本申請獲得所述具有預(yù)設(shè)角度的傾斜面片后，自適應(yīng)調(diào)整其上的紋理，令所述紋理圖案不變，得到新的面片。
[0107]本申請直接通過調(diào)整面片的方式獲得新的面片，在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便，無需大量的渲染和布局工作。
[0108]在本申請再一具體實現(xiàn)中，參見圖9,所述面片生成模塊71包括:[〇1〇9]坐標計算單元713,用于根據(jù)所述當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度，計算具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標；
[0110]坐標調(diào)整單元714,用于根據(jù)所述具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標，生成所述新的面片。
[0111]本申請可以通過更改面片上紋理的紋理坐標的方式，獲得具有預(yù)設(shè)角度的傾斜面片。本申請根據(jù)當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度進行計算，計算獲得具有預(yù)設(shè)角度的傾斜面片的紋理坐標。
[0112]本申請獲得具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標后，利用該坐標生成新的面片。
[0113]本申請直接通過計算面片上紋理坐標的方式獲得新的面片，在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便， 無需大量的渲染和布局工作。
[0114]在本申請再一具體實現(xiàn)中，參見圖10,所述裝置還包括:
[0115]透明調(diào)整模塊73,用于對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果。 [〇116]透明度指一張圖片的透明和半透明程度，影響其與另一張圖片(或背景)復(fù)疊的效果。
[0117]將圖片和無色透明的階段分為100分，透明度用百分數(shù)表示。
[0118]本申請調(diào)整所述新的面片的透明度，實現(xiàn)倒影的視覺效果。本申請透明度的百分數(shù)為本領(lǐng)域技術(shù)人員根據(jù)需要進行調(diào)整。
[0119]在本申請再一具體實現(xiàn)中，參見圖11，所述裝置還包括:[〇12〇]濾鏡處理模塊74,用于對所述新的面片進行濾鏡處理。
[0121]濾鏡處理可以實現(xiàn)面片的特殊視覺效果，比如:黑白，增強，高斯，高對比，夜視，老照片和鉛筆畫等等。本申請根據(jù)設(shè)計需要，對所述新的面片進行濾鏡處理，獲得特定的倒影視覺效果。
[0122]下面通過本申請一具體應(yīng)用場景來進一步說明本申請實現(xiàn)。
[0123]本申請應(yīng)用于一計算機設(shè)備上，用戶界面設(shè)計人員利用本申請進行3D用戶界面中控件的設(shè)計。[〇124]參見圖12,所述方法包括:
[0125] 121、將當前用戶界面矩形控件的面片按照預(yù)設(shè)角度進行斜切變換，生成平行四邊形的新的面片。
[0126]本申請可以通過更改當前用戶界面控件的面片的傾斜角度，生成具有預(yù)設(shè)角度的傾斜面片。自適應(yīng)調(diào)整所述具有預(yù)設(shè)角度的傾斜面片上的紋理，獲得所述新的面片。
[0127]本申請還可以通過根據(jù)所述當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度，計算具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標。根據(jù)所述具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標，生成所述新的面片。
[0128] 122、將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。
[0129] 123、對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果。
[0130]本申請調(diào)整所述新的面片的透明度，實現(xiàn)倒影的視覺效果。本申請透明度的百分數(shù)為本領(lǐng)域技術(shù)人員根據(jù)需要進行調(diào)整。[〇131] 124、對所述新的面片進行濾鏡處理。
[0132]濾鏡處理可以實現(xiàn)面片的特殊視覺效果，比如:黑白，增強，高斯，高對比，夜視，老照片和鉛筆畫等等。本申請根據(jù)設(shè)計需要，對所述新的面片進行濾鏡處理，獲得特定的倒影視覺效果。
[0133]本申請將獲得的新的面片反方向鏡像貼附至所述當前用戶界面控件的底部，從而獲得控件的倒影特效。
[0134]因此，本申請可以在當前用戶界面控件底部貼附新面片，從而在3D空間中產(chǎn)生倒影特效的控件顯示。本申請操作簡單，實現(xiàn)方便，無需大量的渲染和布局工作。
[0135]本領(lǐng)域的技術(shù)人員應(yīng)明白，本申請的實施例可提供為方法、裝置(設(shè)備)、或計算機程序產(chǎn)品。因此，本申請可采用完全硬件實施例、完全軟件實施例、或結(jié)合軟件和硬件方面的實施例的形式。而且，本申請可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(zhì)(包括但不限于磁盤存儲器、CD-ROM、光學(xué)存儲器等)上實施的計算機程序產(chǎn)品的形式。
[0136]本申請是參照實施例的方法、裝置(設(shè)備)和計算機程序產(chǎn)品的流程圖和/或方框圖來描述的。應(yīng)理解可由計算機程序指令實現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計算機程序指令到通用計算機、專用計算機、嵌入式處理機或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個機器，使得通過計算機或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。
[0137]這些計算機程序指令也可存儲在能引導(dǎo)計算機或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計算機可讀存儲器中，使得存儲在該計算機可讀存儲器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。
[0138]這些計算機程序指令也可裝載到計算機或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計算機或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計算機實現(xiàn)的處理，從而在計算機或其他可編程設(shè)備上執(zhí)行的指令提供用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。
[0139]盡管已描述了本申請的優(yōu)選實施例，但本領(lǐng)域內(nèi)的技術(shù)人員一旦得知了基本創(chuàng)造性概念，則可對這些實施例作出另外的變更和修改。所以，所附權(quán)利要求意欲解釋為包括優(yōu)選實施例以及落入本申請范圍的所有變更和修改。顯然，本領(lǐng)域的技術(shù)人員可以對本申請進行各種改動和變型而不脫離本申請的精神和范圍。這樣，倘若本申請的這些修改和變型屬于本申請權(quán)利要求及其等同技術(shù)的范圍之內(nèi)，則本申請也意圖包含這些改動和變型在內(nèi)。
【主權(quán)項】
1.一種在3D空間中的控件實現(xiàn)方法，其特征在于，包括: 將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片； 將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。2.如權(quán)利要求1所述的方法，其特征在于，所述將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片包括: 更改當前用戶界面控件的面片的傾斜角度，生成具有預(yù)設(shè)角度的傾斜面片； 自適應(yīng)調(diào)整所述具有預(yù)設(shè)角度的傾斜面片上的紋理，獲得所述新的面片。3.如權(quán)利要求1所述的方法，其特征在于，所述將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片包括: 根據(jù)所述當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度，計算具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標； 根據(jù)所述具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標，生成所述新的面片。4.如權(quán)利要求1所述的方法，其特征在于，所述將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部之后還包括: 對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果。5.如權(quán)利要求4所述的方法，其特征在于，所述對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果之后還包括: 對所述新的面片進行濾鏡處理。6.一種在3D空間中的控件實現(xiàn)裝置，其特征在于，包括: 面片生成模塊，用于將當前用戶界面控件的面片按照預(yù)設(shè)角度進行斜切變換，生成新的面片； 面片貼附模塊，用于將所述新的面片反方向鏡像貼附至所述當前用戶界面控件的底部。7.如權(quán)利要求6所述的裝置，其特征在于，所述面片生成模塊包括: 面片更改單元，用于更改當前用戶界面控件的面片的傾斜角度，生成具有預(yù)設(shè)角度的傾斜面片； 紋理調(diào)整單元，用于自適應(yīng)調(diào)整所述具有預(yù)設(shè)角度的傾斜面片上的紋理，獲得所述新的面片。8.如權(quán)利要求6所述的裝置，其特征在于，所述面片生成模塊包括: 坐標計算單元，用于根據(jù)所述當前用戶界面控件的面片上紋理的紋理坐標和預(yù)設(shè)角度，計算具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標； 坐標調(diào)整單元，用于根據(jù)所述具有預(yù)設(shè)角度的傾斜面片上紋理的紋理坐標，生成所述新的面片。9.如權(quán)利要求6所述的裝置，其特征在于，所述裝置還包括: 透明調(diào)整模塊，用于對所述新的面片進行透明度調(diào)整，形成倒影的視覺效果。10.如權(quán)利要求9所述的裝置，其特征在于，所述裝置還包括: 濾鏡處理模塊，用于對所述新的面片進行濾鏡處理。
【文檔編號】G06F9/44GK105975263SQ201610282203
【公開日】2016年9月28日
【申請日】2016年4月29日
【發(fā)明人】李珅
【申請人】樂視控股（北京）有限公司, 樂視致新電子科技（天津）有限公司