[發明專利]動畫生成方法及裝置

有效

• 申請號: 201710562830.7
• 申請日: 2017-07-11
• 公開（公告）號: CN107403460B
• 公開（公告）日: 2021-07-06
• 發明（設計）人: 姜雨晴;張菊元
• 申請（專利權）人: 北京龍之心科技有限公司
• 主分類號: G06T13/80
• 分類號: G06T13/80;G06F16/957
• 代理公司: 北京科龍寰宇知識產權代理有限責任公司 11139
• 代理人: 孫皓晨

本發明實施例提供一種動畫生成方法及裝置，該方法包括：動畫生成器獲取與flash動畫對應的幀圖像序列，將幀圖像序列中的各幀圖像按照順序進行拼接從而得到一幅拼接圖。再通過確定拼接圖中各幀圖像對應的顯示時刻，并將各幀圖像在相應的顯示時刻進行顯示即可生成CSS3動畫。根據上述方法能夠根據flash動畫自動生成CSS3動畫，并且生成過程中并不存在人工計算并編寫代碼的過程，提高了CSS3動畫生成的效率與準確性同時也降低了動畫生成的成本。

技術領域

本發明涉及互聯網技術領域，尤其涉及一種動畫生成方法及裝置。

背景技術

為了提高頁面的可觀賞性，技術人員通常會將頁面中的靜態內容添加上多種多樣的動畫效果。其中，最常用的方式是利用flash軟件來設計頁面中內容的動畫效果，但flash軟件生成的fla格式的動畫有一定的使用局限性，不能適用于各種類型的客戶端中。為此，需要基于flash動畫生成其他格式的動畫，例如，CSS3動畫，以適應不同類型的客戶端。

但現有技術中，需要通過人工編寫代碼的方式來產生CSS3動畫，沒有一種能夠根據flash動畫快速、準確生成CSS3動畫的算法，導致CSS3格式動畫的生成效率低且生成成本高。

發明內容

有鑒于此，本發明實施例提供一種動畫生成方法及裝置，根據幀圖像序列的圖像序列信息計算得到生成CSS3動畫的所有參數，從而提高動畫的生成效率，降低動畫的生成成本。

本發明實施例提供一種動畫生成方法，包括：

獲取與flash動畫對應的幀圖像序列；

拼接所述幀圖像序列中各幀圖像以獲得一幅拼接圖；

確定所述拼接圖中各幀圖像對應的顯示時刻；

根據各幀圖像的尺寸以及所述各幀圖像對應的顯示時刻生成CSS3動畫。

可選地，所述拼接所述幀圖像序列中各幀圖像，以獲得一幅拼接圖，包括：

解析所述各幀圖像的圖像名稱，以獲得各幀圖像的所述各幀圖像的顯示編號；

根據所述顯示編號依次拼接所述各幀圖像，以獲得所述拼接圖。

可選地，所述確定所述拼接圖中各幀圖像對應的顯示時刻，包括：

根據預設幀頻以及所述幀圖像序列中包含的幀圖像數目確定所述CSS3動畫的顯示時長；

根據所述顯示時長以及所述幀圖像數目確定所述各幀圖像對應的顯示時刻。

可選地，所述根據各幀圖像的尺寸以及所述各幀圖像對應的顯示時刻生成CSS3動畫，包括：

根據所述各幀圖像的尺寸確定各幀圖像在所述拼接圖中的起始像素坐標；

建立所述各幀圖像在所述拼接圖中的起始像素坐標與所述各幀圖像對應的顯示時刻之間的對應關系；

根據所述對應關系生成所述CSS3動畫。

可選地，所述方法還包括：

將所述CSS3動畫發送至客戶端，所述CSS3動畫中包括動畫類型標簽。

本發明實施例提供一種動畫生成裝置，包括：

獲取模塊，用于獲取與flash動畫對應的幀圖像序列；

拼接模塊，用于拼接所述幀圖像序列中各幀圖像以獲得一幅拼接圖；

確定模塊，用于確定所述拼接圖中各幀圖像對應的顯示時刻；

生成模塊，用于根據各幀圖像的尺寸以及所述各幀圖像對應的顯示時刻生成CSS3動畫。