一種矩形控件渲染方法、裝置、電子設備和存儲介質制造方法及圖紙

本發明專利技術實施例公開了一種矩形控件渲染方法、裝置、電子設備和存儲介質；本發明專利技術實施例可以獲取矩形遮罩圖的第一UV坐標以及待渲染矩形控件的第二UV坐標，矩形遮罩圖用于為矩形控件添加特效，根據第二UV坐標和第一UV坐標，對矩形遮罩圖中各像素點的UV坐標進行伸縮變換，得到變換后的第一UV坐標，以使得變換后的第一UV坐標構成的新的矩形遮罩圖尺寸與待渲染矩形控件尺寸相同，基于變換后的第一UV坐標重新渲染矩形遮罩圖，得到新的矩形遮罩圖，根據新的矩形遮罩圖以及待渲染矩形控件的控件貼圖，渲染待渲染矩形控件；本發明專利技術實施例可以無需針對每個矩形控件都制作一張遮罩圖，降低了應用程序制作過程中的美術成本，減少應用程序的數據量。據量。據量。

【技術實現步驟摘要】
一種矩形控件渲染方法、裝置、電子設備和存儲介質


[0001]本專利技術涉及渲染
，具體涉及一種矩形控件渲染方法、裝置、電子設備和存儲介質。

技術介紹

[0002]人們在日常生活中常常會使用各類應用程序進行購物、游戲、資訊瀏覽等。一般的，用戶通過觸發應用程序上的控件來使用應用程序提供的功能。為了改善用戶的使用體驗和視覺體驗，可以在控件上添加特效以提示用戶觸發該控件或者提示用戶已觸發該控件等等。
[0003]目前，要實現在控件上添加特效，需要設計可以實現特效效果的遮罩圖，但是由于不同控件的大小可能不同，每個尺寸的控件都需要設置一張遮罩圖。因此，這種方案會導致美術制作成本增高，同時也會增大應用程序的數據量，占用更多的存儲資源。

技術實現思路

[0004]本專利技術實施例提供一種矩形控件渲染方法、裝置、電子設備和存儲介質，可以無需針對每個矩形控件都制作一張遮罩圖，降低了應用程序制作過程中的美術成本，減少應用程序的數據量。
[0005]本專利技術實施例提供一種矩形控件渲染方法，包括：
[0006]獲取矩形遮罩圖的第一UV坐標以及待渲染矩形控件的第二UV坐標，所述矩形遮罩圖用于為矩形控件添加特效；
[0007]根據所述第二UV坐標和所述第一UV坐標，對所述矩形遮罩圖中各像素點的UV坐標進行伸縮變換，得到變換后的第一UV坐標，以使得所述變換后的第一UV坐標構成的新的矩形遮罩圖尺寸與所述待渲染矩形控件尺寸相同；
[0008]基于所述變換后的第一UV坐標重新渲染所述矩形遮罩圖，得到新的矩形遮罩圖；
[0009]根據所述新的矩形遮罩圖以及所述待渲染矩形控件的控件貼圖，渲染所述待渲染矩形控件。
[0010]相應的，本專利技術實施例還提供一種矩形控件渲染裝置，包括：
[0011]坐標獲取單元，用于獲取矩形遮罩圖的第一UV坐標以及待渲染矩形控件的第二UV坐標，所述矩形遮罩圖用于為矩形控件添加特效；
[0012]伸縮變換單元，用于根據所述第二UV坐標和所述第一UV坐標，對所述矩形遮罩圖中各像素點的UV坐標進行伸縮變換，得到變換后的第一UV坐標，以使得所述變換后的第一UV坐標構成的新的矩形遮罩圖尺寸與所述待渲染矩形控件尺寸相同；
[0013]遮罩圖渲染單元，用于基于所述變換后的第一UV坐標重新渲染所述矩形遮罩圖，得到新的矩形遮罩圖；
[0014]控件渲染單元，用于根據所述新的矩形遮罩圖以及所述待渲染矩形控件的控件貼圖，渲染所述待渲染矩形控件。
[0015]相應的，本專利技術實施例還提供一種電子設備，包括存儲器和處理器；所述存儲器存儲有應用程序，所述處理器用于運行所述存儲器內的應用程序，以執行本專利技術實施例所提供的任一種矩形控件渲染方法中的步驟。
[0016]相應的，本專利技術實施例還提供一種計算機可讀存儲介質，所述計算機可讀存儲介質存儲有多條指令，所述指令適于處理器進行加載，以執行本專利技術實施例所提供的任一種矩形控件渲染方法中的步驟。
[0017]此外，本專利技術實施例還提供一種計算機程序產品，包括計算機程序或指令，所述計算機程序或指令被處理器執行時實現本專利技術實施例所提供的任一種矩形控件渲染方法中的步驟。
[0018]采用本專利技術實施例的方案，可以獲取矩形遮罩圖的第一UV坐標以及待渲染矩形控件的第二UV坐標，該矩形遮罩圖用于為矩形控件添加特效，根據該第二UV坐標和該第一UV坐標，對該矩形遮罩圖中各像素點的UV坐標進行伸縮變換，得到變換后的第一UV坐標，以使得該變換后的第一UV坐標構成的新的矩形遮罩圖尺寸與該待渲染矩形控件尺寸相同，基于該變換后的第一UV坐標重新渲染該矩形遮罩圖，得到新的矩形遮罩圖，根據該新的矩形遮罩圖以及該待渲染矩形控件的控件貼圖，渲染該待渲染矩形控件；由于在本專利技術實施例中，對矩形遮罩圖的UV坐標進行伸縮變換，使得變換后的第一UV坐標構成的新的矩形遮罩圖尺寸與待渲染矩形控件尺寸相同，因此，在對若干個待渲染矩形控件進行渲染時，可以無需針對每個待渲染矩形控件都制作一張遮罩圖，降低了應用程序制作過程中的美術成本，減少應用程序的數據量。
附圖說明
[0019]為了更清楚地說明本專利技術實施例中的技術方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本專利技術的一些實施例，對于本領域技術人員來講，在不付出創造性勞動的前提下，還可以根據這些附圖獲得其他的附圖。
[0020]圖1是本專利技術實施例提供的矩形控件渲染方法的場景示意圖；
[0021]圖2是本專利技術實施例提供的矩形控件渲染方法的流程圖；
[0022]圖3是本專利技術實施例提供的矩形遮罩圖的示意圖；
[0023]圖4是本專利技術實施例提供的對矩形遮罩圖進行分割的示意圖；
[0024]圖5是本專利技術實施例提供的對矩形遮罩圖中的像素點進行伸縮變換的示意圖；
[0025]圖6是本專利技術實施例提供的矩形控件渲染方法的另一流程圖；
[0026]圖7是本專利技術實施例提供的矩形控件渲染裝置的結構示意圖；
[0027]圖8是本專利技術實施例提供的矩形控件渲染裝置的另一結構示意圖；
[0028]圖9是本專利技術實施例提供的電子設備的結構示意圖。
具體實施方式
[0029]下面將結合本專利技術實施例中的附圖，對本專利技術實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本專利技術一部分實施例，而不是全部的實施例。基于本專利技術中的實施例，本領域技術人員在沒有作出創造性勞動前提下所獲得的所有其他實施
例，都屬于本專利技術保護的范圍。
[0030]本專利技術實施例提供一種矩形控件渲染方法、裝置、電子設備和計算機可讀存儲介質。具體地，本專利技術實施例提供適用于矩形控件渲染裝置的矩形控件渲染方法，該矩形控件渲染裝置可以集成在電子設備中。
[0031]該電子設備可以為終端等設備，包括但不限于移動終端和固定終端，例如移動終端包括但不限于智能手機、智能手表、平板電腦、筆記本電腦、智能車載等，其中，固定終端包括但不限于臺式電腦、智能電視等。
[0032]該電子設備還可以為服務器等設備，該服務器可以是獨立的物理服務器，也可以是多個物理服務器構成的服務器集群或者分布式系統，還可以是提供云服務、云數據庫、云計算、云函數、云存儲、網絡服務、云通信、中間件服務、域名服務、安全服務、CDN(Content Delivery Network，內容分發網絡)、以及大數據和人工智能平臺等基礎云計算服務的云服務器，但并不局限于此。
[0033]本專利技術實施例的矩形控件渲染方法，可以由服務器實現，也可以由終端和服務器共同實現。
[0034]下面以終端和服務器共同實現該矩形控件渲染方法為例，對該方法進行說明。
[0035]如圖1所示，本專利技術實施例提供的矩形控件渲染系統包括終端10和服務器20等；終端10與服務器20之間通過網絡連接，比如，通過有線或無線網絡連接等。
[0036]其中，終端10可以用于獲取矩形遮罩圖的本文檔來自技高網...

【技術保護點】

【技術特征摘要】
1.一種矩形控件渲染方法，其特征在于，包括：獲取矩形遮罩圖的第一UV坐標以及待渲染矩形控件的第二UV坐標，所述矩形遮罩圖用于為矩形控件添加特效；根據所述第二UV坐標和所述第一UV坐標，對所述矩形遮罩圖中各像素點的UV坐標進行伸縮變換，得到變換后的第一UV坐標，以使得所述變換后的第一UV坐標構成的新的矩形遮罩圖尺寸與所述待渲染矩形控件尺寸相同；基于所述變換后的第一UV坐標重新渲染所述矩形遮罩圖，得到新的矩形遮罩圖；根據所述新的矩形遮罩圖以及所述待渲染矩形控件的控件貼圖，渲染所述待渲染矩形控件。2.根據權利要求1所述的矩形控件渲染方法，其特征在于，所述根據所述第二UV坐標和所述第一UV坐標，對所述矩形遮罩圖中各像素點的UV坐標進行伸縮變換，得到變換后的第一UV坐標，包括：根據所述第二UV坐標，確定所述待渲染矩形控件對應的邊界UV坐標；將所述第一UV坐標中各像素點的UV坐標與所述邊界UV坐標進行比較，得到各所述像素點與所述待渲染矩形控件之間的位置關系；基于各所述像素點對應的所述位置關系，對各所述像素點的UV坐標進行伸縮變換，得到變換后的第一UV坐標。3.根據權利要求2所述的矩形控件渲染方法，其特征在于，所述邊界UV坐標包括第一邊界U坐標、第二邊界U坐標、第一邊界V坐標和第二邊界V坐標，所述各像素點的UV坐標包括各像素點的U坐標和V坐標；所述將所述第一UV坐標中各像素點的UV坐標與所述邊界UV坐標進行比較，得到各所述像素點與所述待渲染矩形控件之間的位置關系，包括：將所述第一UV坐標中各所述像素點的U坐標與所述第一邊界U坐標和所述第二邊界U坐標中的至少一個進行比較，得到各所述像素點與所述待渲染矩形控件之間的水平位置關系；將各所述像素點的V坐標與所述第一邊界V坐標和第二邊界V坐標中的至少一個進行比較，得到各所述像素點與所述待渲染矩形控件之間的垂直位置關系；所述基于各所述像素點對應的所述位置關系，對各所述像素點的UV坐標進行伸縮變換，得到變換后的第一UV坐標，包括：基于各所述像素點對應的所述水平位置關系，對各所述像素點的U坐標進行水平方向的伸縮變換，以及，基于各所述像素點對應的所述垂直位置關系，對各所述像素點的V坐標進行垂直方向的伸縮變換，得到變換后的第一UV坐標。4.根據權利要求1所述的矩形控件渲染方法，其特征在于，所述基于所述變換后的第一UV坐標重新渲染所述矩形遮罩圖，得到新的矩形遮罩圖，包括：基于所述變換后的第一UV坐標，對所述矩形遮罩圖的紋理進行采樣，得到所述變換后的第一UV坐標中每個像素點的紋理采樣結果；根據所述紋理采樣結果，生成新的矩形遮罩圖。5.根據權利要求4所述的矩形控件渲染方法，其特征在于，所述基于所述變換后的第一UV坐標，對所述矩形遮罩圖的紋理進行采樣，得到所述變換后的第一...

【專利技術屬性】
技術研發人員：丁力，藍可瑩，
申請(專利權)人：網易杭州網絡有限公司，
類型：發明
國別省市：