[發明專利]多圖層動畫展示方法及裝置

有效

• 申請號: 202110200640.7
• 申請日: 2021-02-23
• 公開（公告）號: CN112882638B
• 公開（公告）日: 2022-08-26
• 發明（設計）人: 申鵬飛
• 申請（專利權）人: 上海嗶哩嗶哩科技有限公司
• 主分類號: G06F3/04845
• 分類號: G06F3/04845;G06F3/0487;G06F3/0488;G06F16/957;G06T13/20;G06T15/00
• 代理公司: 北京智信禾專利代理有限公司 11637
• 代理人: 吳肖肖

1.一種多圖層動畫展示方法，其特征在于，包括：

對交互事件進行監測，所述交互事件中攜帶有交互事件的位置信息和多圖層動畫展示請求；

在監測到交互事件的情況下，當所述交互事件的位置信息非連續變化時，根據所述多圖層動畫展示請求計算所述位置信息相對于多圖層動畫中的各圖層中心的偏移信息；

根據預先保存的配置數據計算與所述各圖層中心的偏移信息對應的圖層顯示屬性；

根據所述圖層顯示屬性對各圖層分別進行渲染，并將渲染后的各圖層疊加生成目標動畫并展示；

在監測到交互事件的情況下，當所述交互事件的位置信息連續變化時，將所述位置信息按照時間閾值劃分為至少兩個子位置信息，根據所述多圖層動畫展示請求計算至少兩個子位置信息相對于交互事件的初始位置的至少兩個偏移信息，其中，每個子位置信息對應一個偏移信息；

根據預先保存的配置數據計算與所述至少兩個偏移信息對應的至少兩個圖層顯示屬性，其中，每個偏移信息對應一個圖層顯示屬性；

根據所述至少兩個圖層顯示屬性對各圖層分別進行渲染，將渲染后的各圖層疊加生成至少兩個目標動畫并展示。

2.根據權利要求1所述的方法，其特征在于，所述根據所述多圖層動畫展示請求計算所述位置信息相對于多圖層動畫中的各圖層中心的偏移信息，包括：

根據多圖層動畫展示請求解析所述位置信息，通過預先設置的最大偏移量計算所述位置信息的解析結果相對于多圖層動畫中的各圖層中心的偏移信息。

3.根據權利要求1所述的方法，其特征在于，所述根據預先保存的配置數據計算與所述各圖層中心的偏移信息對應的圖層顯示屬性，包括：

根據配置數據中各圖層的偏移曲線和偏移量計算與所述各圖層中心的偏移信息對應的圖層顯示屬性。

4.根據權利要求1所述的方法，其特征在于，在對交互事件進行監測之前，還包括：

接收初始化指令，根據所述初始化指令獲取各圖層初始配置數據并保存；

解析所述各圖層初始配置數據，加載所述各圖層初始配置數據中包含的文件資源，其中，所述文件資源包括視頻和/或圖片；

根據所述初始化指令，通過各圖層初始配置數據對各圖層分別進行渲染，將渲染后的各圖層疊加生成初始動畫并展示。

5.根據權利要求4所述的方法，其特征在于，解析所述各圖層初始配置數據，加載所述各圖層初始配置數據中包含的文件資源，包括：

解析所述各圖層初始配置數據，將各圖層初始配置數據中的文件資源加載為目標元素，其中，所述目標元素包括圖片元素和/或視頻元素。

6.根據權利要求4所述的方法，其特征在于，根據所述初始化指令，通過各圖層初始配置數據對各圖層分別進行渲染，將渲染后的各圖層疊加生成初始動畫并展示，包括：

根據所述初始化指令，為各圖層創建目標元素節點；

通過所述各圖層初始配置數據中的初始狀態初始化各圖層目標元素節點；

根據初始化后的各圖層目標元素節點對各圖層分別進行渲染，將渲染后的各圖層疊加生成初始動畫并展示。

7.根據權利要求6所述的方法，其特征在于，在通過所述各圖層初始配置數據中的初始狀態初始化各圖層目標元素節點之后，還包括：

根據各圖層初始配置數據中初始狀態下的初始縮放和目標元素的尺寸計算各圖層的寬度和高度，并確定縮放插值函數的參數值；

根據各圖層初始配置數據中初始狀態下的初始位置確定位置插值函數的參數值；

根據各圖層初始配置數據中初始狀態下的初始旋轉確定旋轉插值函數的參數值；和/或

根據各圖層初始配置數據中初始狀態下的初始模糊確定模糊插值函數的參數值。

8.根據權利要求7所述的方法，其特征在于，所述各圖層默認為居中顯示。

9.根據權利要求5所述的方法，其特征在于，在將各圖層初始配置數據中的文件資源加載為目標元素之后，還包括：

根據所述目標元素生成對應的貼圖。