[發明專利]頁面動畫繪制方法、裝置、電子設備及存儲介質

在審

• 申請號: 202211380012.2
• 申請日: 2022-11-04
• 公開（公告）號: CN115761077A
• 公開（公告）日: 2023-03-07
• 發明（設計）人: 劉尚
• 申請（專利權）人: OPPO廣東移動通信有限公司
• 主分類號: G06T13/60
• 分類號: G06T13/60;G06T15/20;G06T11/00;G06F9/451;G06T3/00;G06T7/50;G06T7/73
• 代理公司: 深圳市威世博知識產權代理事務所(普通合伙) 44280
• 代理人: 唐雙

本申請公開了一種頁面動畫繪制方法、裝置、電子設備及存儲介質，方法包括：獲取待繪制對象對應的至少一個粒子簇中每個粒子的屬性信息，每個粒子簇包括多個粒子，屬性信息包括各粒子所對應的渲染范圍以及當前時刻的三維位置信息；基于粒子的三維位置信息，確定每個粒子在位于頁面內的二維坐標系下的二維位置信息以及相對于頁面的深度信息，三維位置信息設置成使得同一粒子簇內的粒子的渲染范圍在二維坐標系下至少部分重疊；基于粒子的深度信息，確定每個粒子的透明度調整系數；基于透明度調整系數，對每個粒子的渲染范圍所對應的紋理素材進行透明度調整；基于二維位置信息將調整后的紋理素材渲染至頁面中，能夠提升頁面中待繪制對象的真實感。

技術領域

本申請涉及電子設備技術領域，特別是涉及一種頁面動畫繪制方法、裝置、電子設備及存儲介質。

背景技術

隨著計算機技術的發展，利用計算機模擬自然景象越來越受歡迎。但是對于一些不規則的景象(例如云、霧、火等)利用傳統的渲染技術難以體現真實感。

發明內容

本申請第一方面提供了一種頁面動畫繪制方法，包括：獲取待繪制對象對應的至少一個粒子簇中每個粒子的屬性信息，其中，每個粒子簇包括多個粒子，屬性信息包括各粒子所對應的渲染范圍以及當前時刻的三維位置信息；基于粒子的三維位置信息，確定每個粒子在位于頁面內的二維坐標系下的二維位置信息以及相對于頁面的深度信息，其中三維位置信息設置成使得同一粒子簇內的粒子的渲染范圍在二維坐標系下至少部分重疊；基于粒子的深度信息，確定每個粒子的透明度調整系數；基于透明度調整系數，對每個粒子的渲染范圍所對應的紋理素材進行透明度調整；基于二維位置信息將調整后的紋理素材渲染至頁面中。

本申請第二方面提供了一種頁面動畫繪制裝置，包括：獲取模塊，用于獲取待繪制對象對應的至少一個粒子簇中每個粒子的屬性信息，其中，每個粒子簇包括多個粒子，屬性信息包括各粒子所對應的渲染范圍以及當前時刻的三維位置信息；第一確定模塊，用于基于粒子的三維位置信息，確定每個粒子在位于頁面內的二維坐標系下的二維位置信息以及相對于頁面的深度信息，其中三維位置信息設置成使得同一粒子簇內的粒子的渲染范圍在二維坐標系下至少部分重疊；第二確定模塊，用于基于粒子的深度信息，確定每個粒子的透明度調整系數；調整模塊，用于基于透明度調整系數，對每個粒子的渲染范圍所對應的紋理素材進行透明度調整；渲染模塊，用于基于二維位置信息將調整后的紋理素材渲染至頁面中。

本申請第三方面提供了一種電子設備，該電子設備包括相互耦接的存儲器和處理器，存儲器用于存儲程序數據，處理器用于執行程序數據以實現前述的方法。

本申請第四方面提供了一種計算機可讀存儲介質，該計算機可讀存儲介質中存儲有程序數據，程序數據在被處理器執行時，用以實現前述的方法。

本申請的有益效果是：區別于現有技術的情況，本申請通過獲取待繪制對象對應的至少一個粒子簇中每個粒子的屬性信息，其中，每個粒子簇包括多個粒子，屬性信息包括各粒子所對應的渲染范圍以及當前時刻的三維位置信息，然后基于粒子的三維位置信息，確定每個粒子在位于頁面內的二維坐標系下的二維位置信息以及相對于頁面的深度信息，其中三維位置信息設置成使得同一粒子簇內的粒子的渲染范圍在二維坐標系下至少部分重疊，然后基于粒子的深度信息，確定每個粒子的透明度調整系數，然后基于透明度調整系數，對每個粒子的渲染范圍所對應的紋理素材進行透明度調整，最后基于二維位置信息將調整后的紋理素材渲染至頁面中，以上多個的粒子至少部分重疊形成待繪制對象，使得待繪制對象具有體積感，避免了采用單個粒子產生的紙片感，另外，基于粒子的深度信息調整紋理素材的透明度，將深度信息與透明度融合，以實現不同深度的粒子對應不同的透明度，從而使得疊加在一起的多個粒子的透明度具有自然場景下的視覺規律，從而提升頁面中待繪制對象的真實感。

附圖說明

為了更清楚地說明本申請中的技術方案，下面將對實施例描述中所需要的附圖作簡單的介紹，顯而易見地，下面描述的附圖僅僅是本申請的一些實施例，對于本領域普通技術人員來說，在不付出創造性勞動的前提下，還可以根據這些附圖獲得其他的附圖。其中：