[發明專利]一種動畫效果實現方法及裝置

有效

• 申請號: 201710015061.9
• 申請日: 2017-01-09
• 公開（公告）號: CN106780684B
• 公開（公告）日: 2021-08-31
• 發明（設計）人: 陳翔
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06T13/80
• 分類號: G06T13/80
• 代理公司: 深圳翼盛智成知識產權事務所(普通合伙) 44300
• 代理人: 黃威

本發明實施例公開了一種動畫效果實現方法及裝置，其中，動畫效果實現方法包括：根據根數據源繪制可縮放矢量圖形SVG線路；依次獲取所述SVG線路的起點、各個拐點以及終點處的平面坐標以構成平面點集；為自定義對象添加過渡屬性，并設置過渡時間，以使得所述自定義對象根據所述平面點集，在所述SVG線路的相鄰點之間按照所述過渡時間連續運動，以形成動畫效果，本發明實施例能夠不依賴相關接口實現動畫效果。

技術領域

本發明實施例涉及數據處理技術領域，具體涉及一種動畫效果實現方法及裝置。

背景技術

目前，ios(蘋果公司的移動操作系統)端、android(谷歌公司開發的移動操作系統)端都可以實現動畫效果，而超文本標記語言5(Hyper Text Markup Language5，H5)端還無法實現動畫效果，主要原因在于：ios端、android端都提供了地圖原生的能力，直接依賴相關應用程序編程接口(Application Programming Interface，API)就可以實現動畫效果，而H5端沒有提供這類接口，因而H5端無法依賴相關接口實現動畫效果。

發明內容

有鑒于此，本發明實施例提供了一種動畫效果實現方法及裝置，能夠不依賴相關接口實現動畫效果。

本發明實施例提供的動畫效果實現方法，包括：

根據根數據源繪制可縮放矢量圖形SVG線路；

依次獲取所述SVG線路的起點、各個拐點以及終點處的平面坐標以構成平面點集；

為自定義對象添加過渡屬性，并設置過渡時間，以使得所述自定義對象根據所述平面點集，在所述SVG線路的相鄰點之間按照所述過渡時間連續運動，以形成動畫效果。

本發明實施例提供的動畫效果實現裝置，包括：

繪制單元，用于根據根數據源繪制可縮放矢量圖形SVG線路；

點集形成單元，用于依次獲取所述SVG線路的起點、各個拐點以及終點處的平面坐標以構成平面點集；

動畫實現單元，用于為自定義對象添加過渡屬性，并設置過渡時間，以使得所述自定義對象根據所述平面點集，在所述SVG線路的相鄰點之間按照所述過渡時間連續運動，以形成動畫效果。

本發明實施例，可以不依賴相關接口實現動畫效果，而依賴根數據源實現動畫效果，即直接根據根數據源實時繪制SVG線路，取所繪制的SVG線路的起點、拐點及終點的平面坐標構成平面點集，通過為自定義對象添加過渡屬性并設置過渡時間，使得自定義對象根據所述平面點集，在所述SVG線路的相鄰點之間按照所述過渡時間連續運動，以形成動畫效果，本發明實施例的方法能夠在H5端實現動畫效果。

附圖說明

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

圖1是本發明實施例所提供的動畫效果實現方法的一個場景示意圖；

圖2是本發明實施例所提供的動畫效果實現方法的一個流程示意圖；

圖3是本發明實施例所提供的動畫效果實現方法的另一流程示意圖；

圖4是本發明實施例所提供的動畫效果實現裝置的一個結構示意圖；

圖5是本發明實施例所提供的動畫效果實現裝置的另一結構示意圖。

具體實施方式