[發(fā)明專利]圖形渲染方法、裝置及存儲(chǔ)介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 202210260733.3
• 申請(qǐng)日: 2022-03-16
• 公開（公告）號(hào): CN114627225A
• 公開（公告）日: 2022-06-14
• 發(fā)明（設(shè)計(jì)）人: 周超;文杰
• 申請(qǐng)（專利權(quán)）人: 北京字跳網(wǎng)絡(luò)技術(shù)有限公司
• 主分類號(hào): G06T15/00
• 分類號(hào): G06T15/00;G06T19/20;G06F9/451
• 代理公司: 上海光柵知識(shí)產(chǎn)權(quán)代理有限公司 31340
• 代理人: 王沛懿;馬雯雯

1.一種圖形渲染方法，其特征在于，包括：

在用戶界面顯示待渲染圖形，所述待渲染圖形包括一個(gè)或多個(gè)頂點(diǎn)圓角；

響應(yīng)于所述待渲染圖形的進(jìn)度值，確定與所述待渲染圖形對(duì)應(yīng)的待處理蒙層的偏移值和頂點(diǎn)圓角大小，所述待處理蒙層覆蓋所述待渲染圖形的邊框；

基于所述待處理蒙層的偏移值和頂點(diǎn)圓角大小，在所述用戶界面渲染所述待渲染圖形。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述基于所述待處理蒙層的偏移值和頂點(diǎn)圓角大小，在所述用戶界面渲染所述待渲染圖形，包括：

基于所述待處理蒙層的偏移值，在所述用戶界面對(duì)所述待渲染圖形進(jìn)行頂點(diǎn)著色，并基于頂點(diǎn)著色的待渲染圖形和所述待處理蒙層的頂點(diǎn)圓角大小，在所述用戶界面對(duì)剩余的各個(gè)待渲染像素點(diǎn)，進(jìn)行片段著色。

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述基于所述待處理蒙層的偏移值，在所述用戶界面對(duì)所述待渲染圖形進(jìn)行頂點(diǎn)著色，包括：

基于所述待處理蒙層節(jié)點(diǎn)在世界空間下的三維姿勢(shì)，將待渲染頂點(diǎn)的三維位置從本地空間轉(zhuǎn)換到蒙層空間；

根據(jù)轉(zhuǎn)換后的三維位置和所述待處理蒙層的偏移值，在所述用戶界面對(duì)所述待渲染圖形進(jìn)行頂點(diǎn)著色。

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述基于頂點(diǎn)著色的待渲染圖形和所述待處理蒙層的頂點(diǎn)圓角大小，在所述用戶界面對(duì)剩余的各個(gè)待渲染像素點(diǎn)，進(jìn)行片段著色，包括：

基于頂點(diǎn)著色的待渲染圖形，判斷所述剩余的各個(gè)待渲染像素點(diǎn)是否在所述待處理蒙層區(qū)域外；

若待渲染像素點(diǎn)i不在所述待處理蒙層區(qū)域外，則判斷所述待渲染像素點(diǎn)i是否在所述待處理蒙層的頂點(diǎn)圓角區(qū)域外，其中，所述待渲染像素點(diǎn)i為所述剩余的各個(gè)待渲染像素點(diǎn)中的任意一個(gè)待渲染像素點(diǎn)，i＝1,…,n，n為整數(shù)，n根據(jù)所述剩余的各個(gè)待渲染像素點(diǎn)的數(shù)目確定；

若所述待渲染像素點(diǎn)i不在所述待處理蒙層的頂點(diǎn)圓角區(qū)域外，則在所述用戶界面輸出所述待渲染像素點(diǎn)i的原始顏色。

5.根據(jù)權(quán)利要求4所述的方法，其特征在于，在所述判斷剩余的各個(gè)待渲染像素點(diǎn)是否在所述待處理蒙層區(qū)域外之后，還包括：

若所述待渲染像素點(diǎn)i在所述待處理蒙層區(qū)域外，則在所述用戶界面對(duì)所述待渲染像素點(diǎn)i不著色或輸出全透明顏色。

6.根據(jù)權(quán)利要求4或5所述的方法，其特征在于，所述判斷剩余的各個(gè)待渲染像素點(diǎn)是否在所述待處理蒙層區(qū)域外，包括：

根據(jù)所述待渲染頂點(diǎn)的二維投影和光柵化，獲得所述待渲染像素點(diǎn)i的二維坐標(biāo)；

基于所述待渲染像素點(diǎn)i的二維坐標(biāo)，判斷所述待渲染像素點(diǎn)i是否在所述待處理蒙層區(qū)域外。

7.根據(jù)權(quán)利要求4所述的方法，其特征在于，在所述判斷所述待渲染像素點(diǎn)i是否在所述待處理蒙層的頂點(diǎn)圓角區(qū)域外之后，還包括：

若所述待渲染像素點(diǎn)i在所述待處理蒙層的頂點(diǎn)圓角區(qū)域外，則在所述用戶界面對(duì)所述待渲染像素點(diǎn)i不著色或輸出全透明顏色。

8.根據(jù)權(quán)利要求4或7所述的方法，其特征在于，所述待渲染圖形包括四個(gè)圓角，所述待處理蒙層為覆蓋所述待渲染圖形的邊框的矩形蒙層；

所述判斷所述待渲染像素點(diǎn)i是否在所述待處理蒙層的頂點(diǎn)圓角區(qū)域外，包括：

根據(jù)所述待渲染頂點(diǎn)的二維投影和光柵化，獲得所述待渲染像素點(diǎn)i的二維坐標(biāo)；

基于所述待渲染像素點(diǎn)i的二維坐標(biāo)，確定與所述待渲染像素點(diǎn)i距離最近的所述待處理蒙層的頂點(diǎn)圓角；

計(jì)算與所述待渲染像素點(diǎn)i距離最近的所述待處理蒙層的頂點(diǎn)圓角的圓心和外接矩形；

根據(jù)所述圓心、所述外接矩形和所述待渲染像素點(diǎn)i的二維坐標(biāo)，判斷所述待渲染像素點(diǎn)i是否在所述待處理蒙層的頂點(diǎn)圓角區(qū)域外。